Tr-36 ( En Büyük Kişisel Site )

sitemizin tasarimi

Tasarımın üzerindeki yazı:

<div id="tasarim"> <div id="ust">  <div class="logo">   </div> <div class="reklamalani">           <a href="" _fcksavedurl="http//www.tr-36.tr.gg" _fcksavedurl="http//www.tr-36.tr.gg" target="_self"><img border="0" src="https://img.webme.com/pic/g/gokaynet/reklamalani.png" _fcksavedurl="https://img.webme.com/pic/g/gokaynet/reklamalani.png" _fcksavedurl="https://img.webme.com/pic/g/gokaynet/reklamalani.png" alt="" /></a>      </div>       <div class="ustmenuosman"> <strong>  Site Yapım Aşamasındadır.  <strong> </div></div>  <div id="orta">  <div class="menuosman">  <style type="text/css">  .urbangreymenu{ width: 190px; /*width of menu*/ }  .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #000000 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ }  .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ }  .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ }  .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; }  .urbangreymenu ul li a:visited{ color: black; }  .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: gray; }  </style>  <div class="urbangreymenu">  <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://tr-36.tr.gg" _fcksavedurl="http://tr-36.tr.gg">Ana Sayfa</a></li> <li><a href="http://tr-36.tr.gg/ziyaretcidefteri.htm" _fcksavedurl="http://tr-36.tr.gg/ziyaretcidefteri.htm">Z.Defteri</a></li> <li><a href="http://tr-36.tr.gg/Topliste.htm" _fcksavedurl="http://tr-36.tr.gg/Topliste.htm">Toplist</a></li> <li><a href="http://tr-36.tr.gg/iletisim.htm" _fcksavedurl="http://tr-36.tr.gg/iletisim.htm">İletişim</a></li> <li><a href="http://tr-36.tr.gg/sohbet.htm" _fcksavedurl="http://tr-36.tr.gg/sohbet.htm">Sohbet</a></li> <li><a href="http://tr-36.tr.gg/sitemizedestekolun.htm" _fcksavedurl="http://tr-36.tr.gg/sitemizedestekolun.htm">Destek Ol</a></li> <li><a href="http://tr-36.tr.gg/hakkimda.htm" _fcksavedurl="http://tr-36.tr.gg/hakkimda.htm">Hakkımda</a></li>  </ul>  <h3 class="headerbar">Webmaster</h3> <ul> <li><a href="http://tr-36.tr.gg/usebarlar.htm" _fcksavedurl="http://tr-36.tr.gg/usebarlar.htm" >Usebarlar</a></li> <li><a href="http://tr-36.tr.gg/ikon-arsivi.htm" _fcksavedurl="http://tr-36.tr.gg/ikon-arsivi.htm">İkon Arşivi</a></li>  <li><a href="http://tr-36.tr.gg/yararli-siteler.htm" _fcksavedurl="http://tr-36.tr.gg/yararli-siteler.htm">Modifiye Site</a></li>  <li><a href="http://tr-36.tr.gg/html-kodlari.htm" _fcksavedurl="http://tr-36.tr.gg/html-kodlari.htm">Html Kodları</a></li> <li><a href="http://tr-36.tr.gg/css-tasarimlar-1.htm" _fcksavedurl="http://tr-36.tr.gg/css-tasarimlar-1.htm">Css Tasarımlar</a></li> <li><a href="http://tr-36.tr.gg/css-tasarimlar-2.htm" _fcksavedurl="http://tr-36.tr.gg/css-tasarimlar-2.htm">Css Tasarımlar2</a></li>  </ul>   <h3 class="headerbar">Bİzİm Oda</h3> <ul> <li><a href="http://tr-36.tr.gg/ataturk-kosesi.htm" _fcksavedurl="http://tr-36.tr.gg/ataturk-kosesi.htm">Atatürk</a></li> <li><a href="http://tr-36.tr.gg/oyunlar.htm" _fcksavedurl="http://tr-36.tr.gg/oyunlar.htm">Oyunlar</a></li> <li><a href="http://tr-36.tr.gg/haber.htm" _fcksavedurl="http://tr-36.tr.gg/haber.htm">Haberler</a></li> <li><a href="http://tr-36.tr.gg/guzel-sozler.htm" _fcksavedurl="http://tr-36.tr.gg/guzel-sozler.htm">Güzel Sözler</a></li> <li><a href="http://tr-36.tr.gg/ilginc-bilgiler.htm" _fcksavedurl="http://tr-36.tr.gg/ilginc-bilgiler.htm">İlginç Bilgiler</a></li> <li><a href="http://tr-36.tr.gg/osmanli-devleti.htm" _fcksavedurl="http://tr-36.tr.gg/osmanli-devleti.htm">Osmanlı Devleti</a></li>  </ul>    <h3 class="headerbar">SaĞlık</h3> <ul> <li><a href="http://tr-36.tr.gg/grip.htm" _fcksavedurl="http://tr-36.tr.gg/grip.htm">Grip</a></li> <li><a href="http://tr-36.tr.gg/aids.htm" _fcksavedurl="http://tr-36.tr.gg/aids.htm">AIDS</a></li> <li><a href="http://tr-36.tr.gg/kanser.htm" _fcksavedurl="http://tr-36.tr.gg/kanser.htm">Kanser</a></li> <li><a href="http://tr-36.tr.gg/menapoz.htm" _fcksavedurl="http://tr-36.tr.gg/menapoz.htm">Menepoz</a></li>   </ul>     <h3 class="headerbar">Messenger</h3> <ul> <li><a href="http://tr-36.tr.gg/messenger-nedir.htm" _fcksavedurl="http://tr-36.tr.gg/messenger-nedir.htm" >Msn Nedir</a></li> <li><a href="http://tr-36.tr.gg/msn-nickleri.htm" _fcksavedurl="http://tr-36.tr.gg/msn-nickleri.htm">Msn Nickleri</a></li> <li><a href="http://tr-36.tr.gg/msn-arkaplan.htm" _fcksavedurl="http://tr-36.tr.gg/msn-arkaplan.htm">Msn Arkaplanları</a></li>  </ul>     <h3 class="headerbar">İslamİyet</h3> <ul> <li><a href="http://tr-36.tr.gg/dinimiz.htm" _fcksavedurl="http://tr-36.tr.gg/dinimiz.htm">Dinimiz</a></li> <li><a href="http://tr-36.tr.gg/dini-bilgiler.htm" _fcksavedurl="http://tr-36.tr.gg/dini-bilgiler.htm">Dini Bilgiler</a></li>   </ul>   <h3 class="headerbar">Dost Sİteler</h3> <ul> <li><a href="http://tr-36.tr.gg" _fcksavedurl="http://tr-36.tr.gg">EKLENECEK</a></li> <li><a href="http://tr-36.tr.gg" _fcksavedurl="http://tr-36.tr.gg">EKLENECEK</a></li> <li><a href="http://tr-36.tr.gg" _fcksavedurl="http://tr-36.tr.gg">EKLENECEK</a></li> <li><a href="http://tr-36.tr.gg" _fcksavedurl="http://tr-36.tr.gg">EKLENECEK</a></li> <li><a  href="http://tr-36.tr.gg" _fcksavedurl="http://tr-36.tr.gg">EKLENECEK</a></li> <li><a href="http://tr-36.tr.gg" _fcksavedurl="http://tr-36.tr.gg">EKLENECEK</a></li>       </div> </div> <div class="icerikosman">

Tasarımın altındaki yazı:

CSS Kodu
(Style tagleri olmadan yazınız):

iframe{border:solid 4px #000000;}  table {margin-left: auto;margin-right: auto}       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;}  * {padding: 0; margin:0 }  body { margin-left:  auto; margin-right: auto; background: url(  http://galeri.hizliresim.com/Archive/4920.jpg) top center fixed; }  #tasarim{ width: 900px; margin-left:  auto; margin-right: auto; }    #ust{ margin-left:  auto; margin-right: auto; background: url( https://img.webme.com/pic/m/mrossi/v5ustt.png  ); width: 900px; height: 175px; float: left; }  .logo {     } .reklamalani { width:468px; height:70px; padding: 33px 0 0 395px; float: left; overflow: hidden; }  .ustmenuosman { width:750px; height:20px; padding: 30px 0 0 146px; float: left; font-size: 15px; color: #000000; font-family: century gothic; overflow: hidden; } #orta{ margin-left:  auto; margin-right: auto; background: url( https://img.webme.com/pic/m/mrossi/v5orta.png ); width: 900px; height: 100%; float: left; }  .menuosman{ width:195px; float: left; padding: 0 0 0 25px; overflow: hidden; }  .icerikosman { width:640px; float: left; padding: 0 0 0 19px; overflow: hidden; text-align: justify; }  .altreklam{ float: left; width:470px; height:70px; padding: 6px 0  0 39px;}     #alt{ margin-left:  auto; margin-right: auto; background: url( https://img.webme.com/pic/m/mrossi/v5alt2.png ); width: 900px; height: 125px; float: left;   }       input { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #696969; border-left:5px solid #696969; color: #CA143C; font-Arial ; font-size:13px; } input:hover{ padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #FF0000; border-left:5px solid #FF0000; color: #FF0000; font-Arial; font-size:13px; } textarea { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid  #696969; border-left:5px solid  #696969; color: #FF0000; font-Arial; font-size:13px; } textarea:hover { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #FF0000; border-left:5px solid #FF0000; color: #FF0000; font-Arial; font-size:13px; }    a:link, a:visited { 	color: #000000; 	text-decoration: none; 	font-weight: ; }    a:hover { 	text-decoration: none; 	color: gray; }    ::-moz-selection { background:#arkaplanrengi; color:#FF0000; }