önceki tasarımım
BilgiTasarım
Tasarım Altı
<br />
<br />
<br />
<div style="position: absolute; right: 0px; top: 0px; width: 90px; height: 50%" id="topbar"><a href="http://bilgikafem.de.tl/Reklamver.htm" onClick="(); return false"> <img width="100" border="0" height="750" src="http://c1110.hizliresim.com/q/q/30pu.jpg" alt="" /></a></div>
reklamalani
<bilgi><style type="text/css">
#yapiyoruztopbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: #EEEDEF;
width: 150px;
heihgt: 250px;
visibility: hidden;
z-index: 100;
}
</style> <script type="text/javascript">
/*DynamicDriver Tarafindan Hazirlanmistir
Yapiyoruz.tr.gg Tarafindan Duzenlenmistir*/
var persistclose=0 //0 yada 1 degerleri arasinda degistir.
var startX = 30 //baslangicta asagi inme x kodrinat px
var startY = 5 //baslangicta asagi inme y kordinat px
var verticalpos="fromtop" //"fromtop" yada "frombottom" yaziniz.
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("yapiyoruztopbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("yapiyoruztopbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("yapiyoruztopbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div align="center"><font color="#000000"> </font>
<div id="yapiyoruztopbar"><font color="#000000">SİTEMİZE HOŞGELDİNİZ!
SİTEMİZE DESTEK İÇİN İÇERİK ORTASINDA BULUNAN REKAMA TIKLAYIN LÜTFEN <a href="url"><span style="text-decoration: underline;">Tıklayın</span> <br />
</a><a onClick="closebar(); return false" href=""><img border="0" src="https://img.webme.com/pic/y/yapiyoruz/kapat.png" alt="" /></a> </font></div>
</div></bilgi><div id="govde">
<div id="ust">
<div id="ust_reklam"><a href="http://bilgikafem.de.tl/Reklamver.htm"><img src="https://img.webme.com/pic/b/bilgikafem/31754055hg0.gif" alt="reklam" width="468" height="62" border="0"></a></div>
</div>
<div id="icerik_ust">
<div id="karsila_icerikust"><script>
//Time of day message Yapiyoruz
//Visit (http://yapiyoruz.tr.gg) for script
var Digital=new Date()
var hours=Digital.getHours()
//Configure message below to your own.
if (hours>=5&&hours<=11) //message for morning
document.write('Günaydın')
else if (hours==12) //message for noon
document.write('İyi Öğleler')
else if (hours>=13&&hours<=17) //message for afternoon
document.write('İyi Günler')
else if (hours>=18&&hours<=20) //message for evening
document.write('İyi Akşamlar')
else if (hours>=21&&hours<=23) //message for night
document.write('İyi Geceler')
else //message for late night, early morning(24pm-4am)
document.write('İyi Uykular')
</script> Sitemize Hos Geldiniz.</span></div>
</div>
<div id="icerik">
<div id="yan_menu">
<h1>Reklam</h1>
<ul>
<div style="text-align: center;"><a href="http://levelbilisim.tr.gg/Ana-Sayfa.htm"><img alt="" src="http://c1110.hizliresim.com/q/q/3718.gif" /></a></div>
</ul>
<h1>Genel</h1>
<ul>
<li><a href="Anasayfa.htm">Ana sayfa</a></li>
<li><a href="Hakkimizda.htm">Hakkımızda</a></li>
<li><a href="Iletisim.htm">Iletisim</a></li>
<li><a href="ziyaretcidefteri.htm">Ziyaretçi Defteri</a></li>
<li><a href="Arastirma.htm">Araştırın.</a></li>
<li><a href="Reklamver.htm">Sitemize Reklam Ver</a></li>
<li><a href="linktakas.htm">Link Takas</a></li>
</ul>
<h1>Dersler</h1>
<ul>
<li><a href="Dilveanlatim.htm">Dil ve Anlatım</a></li>
<li><a href="Tarih.htm">Tarih</a></li>
<li><a href="Cografya.htm">Coğrafya</a></li>
<li><a href="Biyoloji.htm">Biyoloji</a></li>
<li><a href="Fizik.htm">Fizik</a></li>
<li><a href="Kimya.htm">Kimya</a></li>
<li><a href="Ingilizce.htm">İngilizce</a></li>
<li><a href="Almanca.htm">Almanca</a></li>
<li><a href="Matematik.htm">Matematik</a></li>
<li><a href="Geometri.htm">Geometri</a></li>
<li><a href="Edebiyat.htm">Edebiyat</a></li>
</ul>
<h1>Eğlence</h1>
<ul>
<li><a href="Videolar.htm">Videolar</a></li>
<li><a href="Muzikler.htm">Müzikler</a></li>
<li><a href="Futbolcupsayfam.htm">Futbolcup Sayfam</a></li>
</ul>
<h1>Siteniz İçin</h1>
<ul>
<li><a href="Tasarimlar.htm">Tasarımlar</a></li>
<li><a href="Htmlkodlari.htm">Html Kodlar</a></li>
<li><a href="Siteler.htm">İşinize yarayabilecek Siteler</a></li>
</ul>
</div>
<div id="icerik_paylasim">
<div id ="content">
<table width="649">
<tr>
<style type="text/css">
.ikaz {
padding: 0.5em;
margin: 0.5em;
padding: 0.5em 1.5em 0.5em 4em;
border: 2px solid #fff;
margin: 2px solid #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
color:#000;
background: #fff6bf url(https://img.webme.com/pic/o/osmantalay/ikaza68.png) 2.2em center no-repeat; border-color: #ffd324;
}
.ikaz .kapat{ position:relative; float:right; top:-5px; right:-5px; }
.ikaz .kapat img{border:none; background:none;}
.ikaz a {color: #817134;}
</style>
<div class="ikaz"><a class="kapat" onclick="javascript:this.parentNode.style.display='none';" href="javascript:void(null)"> <img alt="close" title="Bu bilgilendirmeyi kapat" src="https://img.webme.com/pic/h/hibycocuk/kapa.png" /></a><em><span style="font-family: Arial;"><span style="font-size: small;"><strong>KONULAR İŞLENDİKÇE ANLATIMLARINI SİTEMİZDE YAYINLIYORUZ..</strong></span></span></em></div>
SON GÜNCELLEME:04.11.2011
<br />
</tr>
</table>
<br />
<hr />
<br />
<p><br />
<br />
</p>
Tasarım Altı
<!--KAYNAK:kodbanks sağ altta Atatürk resim basla--><a name="top"></a> <style type="text/css">
a.yukari {
position:fixed;
bottom:15px;
right:7px;
font:11px arial;
text-transform:uppercase;
}
</style> <a class="yukari" href="http://www.facebook.com/pages/Bilgikafem/180893341989424?ref=ts"><img border="0" title="Özlüyoruz" src="http://img440.imageshack.us/img440/8831/faceto.png" alt="" /></a><!--KAYNAK:kodbanks sağ altta Atatürk resim bitir-->
</div>
</div>
<div id="clear"></div>
</div>
<div id="link">
<div id="link_takas">
<ul>
<li><a href="http://blog-cenneti.tr.gg">Blog-cennet</a></li>
<li><a href="http://videoklipx.tk">Videoklipx</a></li>
<li><a href="http://bilgikafem.tr.gg/Linktakas.htm">Eklenecek</a></li>
<li><a href="http://bilgikafem.tr.gg/Linktakas.htm">Eklenecek</a></li>
<li><a href="http://bilgikafem.tr.gg/Linktakas.htm">Eklenecek</a></li>
<li><a href="http://bilgikafem.tr.gg/Linktakas.htm">Eklenecek</a></li>
<li><a href="http://bilgikafem.tr.gg/Linktakas.htm">Eklenecek</a></li>
</ul>
</div>
</div>
<div id="copright">
<div id="alt_ista">Bugün: 101 | Klik: 157 | Buradasın: önceki tasarımım | İp: 3.137.169.56</div>
</div>
CSS bölümü
#below_content{margin-bottom:-950px;}
font[color="green"]{
background-color:#ADFF2F;
border:1px solid #00B233;
color:#000000;
-moz-border-radius:6px;
-khtml-border-radius:6px;}
A{ text-decoration : none; }
font[color="red"]{
background-color:#FF9999;
border:1px solid #CC0033;
color:#000000;
-moz-border-radius:6px;
-khtml-border-radius:6px;}
A{ text-decoration : none; }
/*Tasarim Yapiyoruz.tr.gg Tarafindan Hazirlanmistir
Tum Haklari Aciktir.2010 - 2011 Iyi Gunlerde Kullanin*/
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body,td,th {
font-family: Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial;
font-size: 11px;
color: #000;
font-weight: bold;
}
body {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/21_arkaplan.jpg);/*Arka Plani Degistirmek İcin*/
background-repeat: repeat-y;
}
a {
font-family: Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial;
font-size: 11px;
color: #000;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #09F;
}
a:active {
text-decoration: none;
color: #000;
}
#govde {
height: auto;
width: 985px;
margin-right: auto;
margin-left: auto;
}
#ust {
background-image: url(https://img.webme.com/pic/a/amasragezi/21_01.png);
height: 176px;
width: 985px;
}
#ust_reklam {
height: 62px;
width: 468px;
margin-top: 45px;
margin-right: 125px;
float: right;
}
#icerik_ust {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/21_02.png);
height: 55px;
width: 985px;
}
#icerik {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/21_03.png);
height: auto;
width: 985px;
}
#icerik_paylasim {
float: right;
height: auto;
width: 650px;
margin-right: 74px;
}
#yan_menu {
float: left;
height: auto;
width: 185px;
margin-left: 60px;
}
#icerik #yan_menu h1 {
line-height: 18px;
display: block;
text-decoration: none;
margin-top: 2px;
padding-left: 24px;
background-image: url(https://img.webme.com/pic/y/yapiyoruz/yan_menu_h1_21.png);
background-repeat: no-repeat;
background-position: 2px -1px;
background-color: #B4C0CE;
}
#icerik #yan_menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#icerik #yan_menu ul li a {
line-height: 18px;
text-decoration: none;
display: block;
padding-left: 24px;
background-image: url(https://img.webme.com/pic/y/yapiyoruz/yan_menu_1_21.png);
background-repeat: no-repeat;
background-position: 2px -1px;
}
#icerik #yan_menu ul li a:hover {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/yan_menu_2_21.png);
background-repeat: no-repeat;
background-position: 2px -1px;
color: #09F;
text-decoration: none;
}
#icerik #icerik_paylasim #content table tr td h1 {
line-height: 22px;
text-decoration: none;
background-image: url(https://img.webme.com/pic/y/yapiyoruz/konu_ust_21.png);
background-repeat: no-repeat;
padding-left: 25px;
padding-top: 1px;
color: #000;
}
#icerik #icerik_paylasim #content table tr td h1 a:hover {
color: #000;
}
#icerik #icerik_paylasim #content table tr td {
}
#icerik #icerik_paylasim #content table tr td h1:hover {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/konu_ust_21_hover.png);
background-repeat: no-repeat;
padding-left: 25px;
text-decoration: none;
color: #000;
}
#clear {
clear: both;
}
#link {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/21_04.png);
height: 36px;
width: 985px;
}
#link_takas {
float: right;
height: 14px;
width: 582px;
margin-right: 70px;
margin-top: 15px;
}
#link #link_takas ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#link #link_takas ul li {
float: left;
}
#link #link_takas ul li a {
text-decoration: none;
background-image: url(https://img.webme.com/pic/y/yapiyoruz/linktakas_21.png);
background-repeat: no-repeat;
display: block;
padding-left: 16px;
padding-right: 4px;
font-weight: normal;
font-size: 10px;
background-position: 3px 2px;
}
#copright {
background-image: url(https://img.webme.com/pic/y/yapiyoruz/21_05.png);
height: 46px;
width: 985px;
}
h1,h2,h3,h4,h5,h6 {
font-family: Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial, Arial;
font-weight: bold;
}
#alt_ista {
float: right;
height: 22px;
width: 412px;
margin-top: 15px;
margin-right: 55px;
padding-top: 2px;
}
#karsila_icerikust {
float: right;
height: 18px;
width: 200px;
margin-top: 25px;
margin-right: 66px;
}
h1 {
font-size: 14px;
color: #000;
}
h2 {
font-size: 14px;
color: #000;
}
h3 {
font-size: 16px;
color: #F00;
}
h4 {
font-size: 18px;
color: #FFF;
}