CssPanel - Hypnaty v5

Hypnaty v5

Tasarım üstü

<div id="tasarim"> <div id="ust">  <div class="logo">  </div> <div class="reklamalani">          <a href="st.htm" _fcksavedurl="st.htm" _fcksavedurl="/" _fcksavedurl="/" target="_self"><img border="0" src="https://img.webme.com/pic/h/hypnaty/newbnner.gif" _fcksavedurl="https://img.webme.com/pic/h/hypnaty/newbnner.gif" _fcksavedurl="https://img.webme.com/pic/h/hypnaty/newbnner.gif" _fcksavedurl="hhttps://img.webme.com/pic/h/hypnaty/newbnner.gif" alt="" /></a>      </div>      <div class="ustmenuosman"> <strong>  Ziyaretçi Defterine Yorum Yazarsanız Sevinirim...  <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://hypnaty.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://hypnaty.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://hypnaty.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li> <li><a href="http://hypnaty.tr.gg/Ziyaret%E7i-defteri.htm" _fcksavedurl="http://hypnaty.tr.gg/Ziyaret%E7i-defteri.htm" _fcksavedurl="http://hypnaty.tr.gg/Ziyaret%E7i-defteri.htm">Z.Defteri</a></li> <li><a href="http://hypnaty.tr.gg/Toplist.htm" _fcksavedurl="http://hypnaty.tr.gg/Toplist.htm" _fcksavedurl="http://hypnaty.tr.gg/Toplist.htm">Toplist</a></li> <li><a href="http://hypnaty.tr.gg/iletisim.htm" _fcksavedurl="http://hypnaty.tr.gg/iletisim.htm" _fcksavedurl="http://hypnaty/iletisim.htm">İletişim</a></li> <li><a href="http://hypnaty.tr.gg/Sohbet.htm" _fcksavedurl="http://hypnaty.tr.gg/Sohbet.htm" _fcksavedurl="http://hypnaty.tr.gg/Sohbet.htm">Sohbet</a></li> <li><a href="http://hypnaty.tr.gg/Destek-Ol.htm" _fcksavedurl="http://hypnaty.tr.gg/Destek-Ol.htm" _fcksavedurl="http://hpnaty.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li><a href="http://hypnaty.tr.gg/Hakkimda.htm" _fcksavedurl="http://hypnaty.tr.gg/Hakkimda.htm" _fcksavedurl="http://hypnaty.tr.gg/Hakkimda.htm">Hakkımda</a></li>  </ul>  <h3 class="headerbar">Webmaster</h3> <ul> <li><a href="http://hypnaty.tr.gg/Usebarlar.htm" _fcksavedurl="http://hypnaty.tr.gg/Usebarlar.htm" _fcksavedurl="http://hypnaty.tr.gg/Usebarlar.htm" >Userbarlar</a></li>  <li><a href="http://hypnaty.tr.gg/ikon-arsivi.htm" _fcksavedurl="http://hypnaty.tr.gg/ikon-arsivi.htm" _fcksavedurl="http://haypnaty.tr.gg/ikon-arsivi.htm">İkon Arşivi</a></li>  <li><a href="http://hypnaty.tr.gg/Yararli-Web-Siteleri.htm" _fcksavedurl="http://hypnaty.tr.gg/Yararli-Web-Siteleri.htm" _fcksavedurl="http://hypnaty.tr.gg/Yararli-Web-Siteleri.htm">Modifiye Site</a></li>  <li><a href="http://hypnaty.tr.gg/Htlm-Kodlari.htm" _fcksavedurl="http://hypnaty.tr.gg/Htlm-Kodlari.htm" _fcksavedurl="http://hypnaty.tr.gg/Htlm-Kodlari.htm">Html Kodları</a></li> <li><a href="http://hypnaty.tr.gg/Tasarimlar.htm" _fcksavedurl="http://hypnaty.tr.gg/Tasarimlar.htm" _fcksavedurl="http://hypnaty.tr.gg/Tasarimlar.htm"> Tasarımlar</a></li>  <li><a href="http://hypnaty.tr.gg/Kolay-Css.htm" _fcksavedurl="http://hypnaty.tr.gg/Kolay-Css.htm" _fcksavedurl="http://hypnaty.tr.gg/Kolay-Css.htm">Koloy Css Yapımı</a></li> <li><a href="http://hypnaty.tr.gg/Page-Rank-Nedir.htm" _fcksavedurl="http://hypnaty.tr.gg/Page-Rank-Nedir.htm" _fcksavedurl="http://hypnaty.tr.gg/Page-Rank-Nedir.htm">  Page Rank Nedir</a></li>  </ul>  <h3 class="headerbar">PhotoShop</h3> <ul> <li><a href="http://hypnaty.tr.gg/Ps-Nedir.htm" _fcksavedurl="http://hypnaty.tr.gg/Ps-Nedir.htm" _fcksavedurl="http://hypnaty.tr.gg/Ps-Nedir.htm"> Photoshop Nedir</a></li>       </ul>  <h3 class="headerbar">Bİzİm Oda</h3> <ul> <li><a href="http://hypnaty.tr.gg/Ataturk.htm" _fcksavedurl="http://hypnaty.tr.gg/Ataturk.htm" _fcksavedurl="http://hypnaty.tr.gg/Ataturk.htm">Atatürk</a></li> <li><a href="http://hypnaty.tr.gg/Haberler.htm" _fcksavedurl="http://hypnaty.tr.gg/Haberler.htm" _fcksavedurl="http://hypnaty.tr.gg/Haberler.htm">Haberler</a></li> <li><a href="http://hypnaty.tr.gg/Guzel-Sozler.htm" _fcksavedurl="http://hypnaty.tr.gg/Guzel-Sozler.htm" _fcksavedurl="http://hypnaty.tr.gg/Guzel-Sozler.htm">Güzel Sözler</a></li> <li><a href="http://hypnaty.tr.gg/%26%23304%3Blginc-Bilgiler.htm" _fcksavedurl="http://hypnaty.tr.gg/%26%23304%3Blginc-Bilgiler.htm" _fcksavedurl="hhttp://hypnaty.tr.gg/%26%23304%3Blginc-Bilgiler.htm">İlginç Bilgiler</a></li> <li><a href="http://hypnaty.tr.gg/Tc.htm" _fcksavedurl="http://hypnaty.tr.gg/Tc.htm" _fcksavedurl="http://hypnaty.tr.gg/Tc.htm">Tc Tarihi</a></li>  </ul>    <h3 class="headerbar">EĞLENCE</h3> <ul>  <li><a href="http://hypnaty.tr.gg/Oyunlar.htm" _fcksavedurl="http://hypnaty.tr.gg/Oyunlar.htm" _fcksavedurl="http://hypnaty.tr.gg/Oyunlar.htm">Oyunlar</a></li> <li><a href="http://hypnaty.tr.gg/Dinle.htm" _fcksavedurl="http://hypnaty.tr.gg/Dinle.htm" _fcksavedurl="http://hypnaty.tr.gg/Dinle.htm">Mp3 Dinle</a></li>  </ul>    <h3 class="headerbar">SAĞLIK</h3> <ul> <li><a href="http://hypnaty.tr.gg/AIDS.htm" _fcksavedurl="http://hypnaty.tr.gg/AIDS.htm" _fcksavedurl="http://hypnaty.tr.gg/AIDS.htm">AIDS</a></li> <li><a href="http://hypnaty.tr.gg/Kanser.htm" _fcksavedurl="http://hypnaty.tr.gg/Kanser.htm" _fcksavedurl="http://hypnaty.tr.gg/Kanser.htm">Kanser</a></li> <li><a href="http://hypnaty.tr.gg/Menopoz.htm" _fcksavedurl="http://hypnaty.tr.gg/Menopoz.htm" _fcksavedurl="http://hypnaty.tr.gg/Menopoz.htm">Menepoz</a></li>  </ul>    <h3 class="headerbar">Messenger</h3> <ul> <li><a href="http://hypnaty.tr.gg/Messenger-Nedir.htm" _fcksavedurl="http://hypnaty.tr.gg/Messenger-Nedir.htm" _fcksavedurl="http://hypnaty.tr.gg/Messenger-Nedir.htm" >Msn Nedir</a></li> <li><a href="http://hypnaty.tr.gg/Nick-Olustur.htm" _fcksavedurl="http://hypnaty.tr.gg/Nick-Olustur.htm" _fcksavedurl="http://hypnaty.tr.gg/Nick-Olustur.htm">Nick Oluştur</a></li> <li><a href="http://hypnaty.tr.gg/Msn-ArkaPlanlari.htm" _fcksavedurl="http://hypnaty.tr.gg/Msn-ArkaPlanlari.htm" _fcksavedurl="http://hypnaty.tr.gg/Msn-ArkaPlanlari.htm">Msn Arkaplanları</a></li>  </ul>    <h3 class="headerbar">İslamİyet</h3> <ul> <li><a href="http://hypnaty.tr.gg/Dinimiz.htm" _fcksavedurl="http://hypnaty.tr.gg/Dinimiz.htm" _fcksavedurl="http://hypnaty.tr.gg/Dinimiz.htm">Dinimiz</a></li> <li><a href="http://hypnaty.tr.gg/Dini-Bilgiler.htm" _fcksavedurl="http://hypnaty.tr.gg/Dini-Bilgiler.htm" _fcksavedurl="http://hypnaty.tr.gg/Dini-Bilgiler.htm">Dini Bilgiler</a></li>  </ul>  <h3 class="headerbar">Dost Sİteler</h3> <ul> </li>  <li><a  href="http://yaris-merkezi.tr.gg" _fcksavedurl="http://yaris-merkezi.tr.gg" _fcksavedurl="http://www.yaris-merkezi.tr.gg">Yarış-Merkezi</a></li> <li><a  href="http://www.web-dersi.tr.gg" _fcksavedurl="http://www.web-dersi.tr.gg" _fcksavedurl="http://www.web-dersi.tr.gg">Web-Dersi</a></li><li></li>      </div> </div> <div class="icerikosman">

Tasarım Altı
Css Kodu

auto; margin-right: auto; background: url( https://img.webme.com/pic/h/hypnaty/v5ustt.gif); 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/h/hypnaty/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/h/hypnaty/v5alt2.png ); width: 900px; height: 125px; float: left;  }      input { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/h/hypnaty/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/h/hypnaty/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/h/hypnaty/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/h/hypnaty/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; }