Türkiyenin En Büyük Css Tasarım Merkezi-Örnek Site Yarışması-Html Kodlar

v2

TASARIM ÜZERİ

<div  id="design"> <div id="top"><div class="ortamenu">   <div class="ustmenunegro"><link rel="stylesheet"  type="text/css"  href="http://site.mynet.com/tekkanarya_hakan/Menum/jqueryslidemenu3.css"  /><script type="text/javascript"  src="http://site.mynet.com/tekkanarya_hakan/Menum/jquery.min.js"></script>  <script type="text/javascript"  src="http://site.mynet.com/tekkanarya_hakan/Menum/jqueryslidemenu.js"></script>  <div id="myslidemenu" class="jqueryslidemenu"> <ul>  <li><a href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm">Anasayfa</a>   <ul> <li><a  href="http://eglencegunlugum.tr.gg/Ziyaret%E7i-Defteri.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ziyaret%E7i-Defteri.htm">Z.Defteri</a></li>  <li><a href="http://eglencegunlugum.tr.gg/Iletisim.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Iletisim.htm">İletişim</a></li>  <li><a href="http://eglencegunlugum.tr.gg/Top-Liste.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Top-Liste.htm">Topliste</a></li>  <li><a href="http://eglencegunlugum.tr.gg/Destek-Ol.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Destek-Ol.htm">Destek</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Kay%26%23305%3Bt-Ol/index.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Kay%26%23305%3Bt-Ol/index.htm">Forum</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm"   _fcksavedurl="http://eglencegunlugum.tr.gg/Hakk%26%23305%3Bm%26%23305%3Bzda.htm">Hakkımızda</a></li>  <li><a href="http://eglencegunlugum.tr.gg/Destek-Ol.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Destek-Ol.htm">Destek  Ol</a></li> <li><a  href="http://eglencegunlugum.tr.gg/Gazete.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Gazete.htm">Gazete</a></li>  </ul> </li>  <li><a  href="http://eglencegunlugum.tr.gg/%A3%26%23287%3Blence.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/%A3%26%23287%3Blence.htm">Eğlence/Komedi</a>  <ul> <li><a  href="http://eglencegunlugum.tr.gg/-Oe-%26%23287%3Brenci-Espriler.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/-Oe-%26%23287%3Brenci-Espriler.htm">Öğrenci  Esprileri</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Tekerlemeler.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Tekerlemeler.htm">Tekerlemeler</a></li>   <li><a href="http://eglencegunlugum.tr.gg/Stres-At.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Stres-At.htm">Stres  At</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Komik-Yazi.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Komik-Yazi.htm">Komik  Yazılar</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Hacker-Vasiyetnamesi.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Hacker-Vasiyetnamesi.htm">Hacker  Vasiyetnamesi</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Fikralar.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Fikralar.htm">Fıkralar</a></li>   <li><a href="http://eglencegunlugum.tr.gg/Muhendisler.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Muhendisler.htm">Mühendisler  Olmasaydı</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/spikermuro.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/spikermuro.htm">Spiker  Muro</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/seniseviyorum.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/seniseviyorum.htm">Seni  Seviyorum</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/yanlisnumara.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/yanlisnumara.htm">Yanlış  Numara</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/.oe.grencitiplemeleri.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/.oe.grencitiplemeleri.htm">Öğrenci  Tiplemeleri</a></li>  </ul>     <ul>  <li><a href="http://eglencegunlugum.tr.gg/Photoshopnedir.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Photoshopnedir.htm">Photoshop</a>  <li><a  href="http://eglencegunlugum.tr.gg/Photoshop-Tarihi.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Photoshop-Tarihi.htm">Photoshop  Tarihi</a></li>   <li><a  href="http://eglencegunlugum.tr.gg/Arac-Cubuklari.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Arac-Cubuklari.htm">Araç  Çubukları</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Dersler.htm" _fcksavedurl="http://eglencegunlugum.tr.gg/Dersler.htm">Photoshop  Dersleri</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Fonlar.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Fonlar.htm">Fonlar</a></li>   <li><a href="http://eglencegunlugum.tr.gg/Kisayoltuslari.htm"   _fcksavedurl="http://eglencegunlugum.tr.gg/Kisayoltuslari.htm">Kısayol  Tuşları</a></li>  <li><a  href="http://gultenyilmaz.tr.gg/Hz-.-Hizir.htm"  _fcksavedurl="http://gultenyilmaz.tr.gg/Hz-.-Hizir.htm">Hz.Hss</a></li>   <li><a href="http://gultenyilmaz.tr.gg/Hz-.-Hud.htm"  _fcksavedurl="http://gultenyilmaz.tr.gg/Hz-.-Hud.htm">Hz.HÛDss</a></li>   <li><a href="http://gultenyilmaz.tr.gg/Hz-.-Isa.htm"  _fcksavedurl="http://gultenyilmaz.tr.gg/Hz-.-Isa.htm">Hz.İsass</a></li>   <li><a href="http://gultenyilmaz.tr.gg/Hz.Ismail.hsstm"  _fcksavedurl="http://gultenyilmaz.tr.gg/Hz.Ismail.hsstm">Hz.İsmail</a></li>   <li><a href="http://gultenyilmaz.tr.gg/Diger.htm"  _fcksavedurl="http://gultenyilmaz.tr.gg/Diger.htm">Tssüm  peygamberler</a></li> </ul>       </li>  <li><a href="http://eglencegunlugum.tr.gg/Dersler.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Dersler.htm">Photoshop</a>  <ul> <li><a  href="http://eglencegunlugum.tr.gg/Photoshop-Tarihi.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Photoshop-Tarihi.htm">Photoshop  Tarihi</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Arac-Cubuklari.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Arac-Cubuklari.htm">Araç  Çubukları</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Dersler.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Dersler.htm">Photoshop  Dersleri</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Fonlar.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Fonlar.htm">Fonlar</a></li>   <li><a href="http://eglencegunlugum.tr.gg/Kisayoltuslari.htm"   _fcksavedurl="http://eglencegunlugum.tr.gg/Kisayoltuslari.htm">Kısayol  Tuşları</a></li>   </ul>   </li>  <li><a href="http://eglencegunlugum.tr.gg/islam.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/islam.htm">Din/İslam</a>  <ul> <li><a  href="http://eglencegunlugum.tr.gg/hzmuhammed.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/hzmuhammed.htm">Hz.Muhammed</a></li>   <li><a href="http://eglencegunlugum.tr.gg/Oruc.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Oruc.htm">Oruç</a></li>   <li><a href="http://eglencegunlugum.tr.gg/hac.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/hac.htm">Hac</a></li>   <li><a href="http://eglencegunlugum.tr.gg/zekat.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/zekat.htm">Zekat</a></li>   </ul>       </li> <li><a  href="http://gultenyilmaz.tr.gg"  _fcksavedurl="http://gultenyilmaz.tr.gg">Atatürk Köşesi</a>  <ul> <li><a  href="http://eglencegunlugum.tr.gg/dogumucocuklugu.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/dogumucocuklugu.htm">Doğumu  Ve Çocukluğu</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/ogrenimhayati.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/ogrenimhayati.htm">Öğrenim  Hayatı</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/askerihayati.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/askerihayati.htm">Askeri  Hayatı</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/savaslar.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/savaslar.htm">Katıldığı  Savaşlar</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/kosksarayev.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/kosksarayev.htm">Evleri-Köşkleri</a></li>   <li><a href="http://eglencegunlugum.tr.gg/Kronoloji.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Kronoloji.htm">Kronoloji</a></li>   <li><a  href="http://eglencegunlugum.tr.gg/bilinmesigerekenler.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/bilinmesigerekenler.htm">Bilinmesi  Gerekenler</a></li>  </ul> </li>    </li>  <li><a href="http://gultenyilmaz.tr.gg"  _fcksavedurl="http://gultenyilmaz.tr.gg">Messenger</a>  <ul>  <li><a  href="http://eglencegunlugum.tr.gg/Msn-Space.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Msn-Space.htm">Msn  Space</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Hata-Cozum.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Hata-Cozum.htm">Hata  Çözüm</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Msn-indir.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Msn-indir.htm">Msn  İndir</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Msn-Nickleri.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Msn-Nickleri.htm">Msn  Nickleri</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/Onemli-Bilgiler.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Onemli-Bilgiler.htm">Bilgiler</a></li>   </ul> </li> <li><a  href="http://eglencegunlugum.tr.gg/webmaster.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/webmaster.htm">Webmaster</a>  <ul> <li><a  href="http://eglencegunlugum.tr.gg/Css-Tasarimlar.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Css-Tasarimlar.htm">Css  Tasarımlar</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/ikonlar.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/ikonlar.htm">İkonlar</a></li>    <li><a href="http://eglencegunlugum.tr.gg/Alexa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Alexa.htm">Alexa</a></li>   <li><a href="http://eglencegunlugum.tr.gg/Seo.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Seo.htm">Seo</a></li>  <li><a href="http://eglencegunlugum.tr.gg/Pagerank.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Pagerank.htm">Pagerank</a></li>   <li><a href="http://eglencegunlugum.tr.gg/Hit-Arttirma.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Hit-Arttirma.htm">Hit  Arttırma Yolları</a></li>  <li><a  href="http://eglencegunlugum.tr.gg/userbar.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/userbar.htm">Userbar  Arkaplanları</a></li>   <li><a  href="http://eglencegunlugum.tr.gg/bannerarkaplanlari.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/bannerarkaplanlari.htm">Banner  Arkaplanları</a></li>  </ul> </li>  <li><a href="http://eglencegunlugum.tr.gg/Pagerank.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Pagerank.htm">Pagerank</a>  <ul> <li class="active"><a  href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="Ana sayfa">Ana sayfa</a></li>   <li  class="active"><a  href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="#">Online Msn</a></li>    <li  class="active"><a  href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="#">Forum</a></li>   <li  class="active"><a  href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="#">Z.Defteri</a></li>   <li  class="active"><a  href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="#">Top-List</a></li>   <li  class="active"><a  href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="#">Offlıne'sam buradan Ulaşın</a></li>  </ul>    </li> <li><a  href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm">Online</a>  <ul>  <li class="active"><a  href="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="http://eglencegunlugum.tr.gg/Ana-Sayfa.htm"  _fcksavedurl="#">Online Msn</a></li>     </ul>  </div></div></div>  <div id="icerik"><br>  <div id="icontent"> <div class="writer"> <div  id="container">             <div id="header_container">                  <div id="pre_header"></div>

TASARIM ALTI

CSS KODU

.jqueryslidemenu{  font: 12px Arial;  background-image:url(http://img195.imageshack.us/img195/9721/67516523.png);  width: 868px; position: relative; float: center ; }  .jqueryslidemenu  ul{ margin: 0; padding: 0; list-style-type: none; position: relative; }   /*Top level list items*/ .jqueryslidemenu ul li{ position: relative;  display: inline; float: left; position: relative; }  /*Top level menu  link items style*/ .jqueryslidemenu ul li a{ display: block;  background-image:url(http://img195.imageshack.us/img195/9721/67516523.png);  /*background of tabs (default state)*/ color: white; padding: 8px 10px;  border-right: 1px solid #778; color: #2d2b2b; text-decoration: none; }   * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to  behave correctly*/ display: inline-block; }  .jqueryslidemenu ul li  a:link, .jqueryslidemenu ul li a:visited{ color: white; }   .jqueryslidemenu ul li a:hover{ background: black; /*tab link background  during hover state*/ color: white; }      /*1st sub level menu*/  .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block;  visibility: hidden; }  /*Sub level menu list items (undo style from Top  level List Items)*/ .jqueryslidemenu ul li ul li{ display: list-item;  float: none; }  /*All subsequent sub menu levels vertical offset after  1st level sub menu */ .jqueryslidemenu ul li ul li ul{ top: 0; }  /* Sub  level menu links style */ .jqueryslidemenu ul li ul li a{ font: normal  13px Verdana; width: 160px; /*width of sub menus*/ padding: 5px; margin:  0; border-top-width: 0; border-bottom: 1px solid gray; }   .jqueryslidemenu ul li a:hover{  background-image:url(https://img.webme.com/pic/h/hakan-fan/yenikucuk1.png);  /*background of tabs (default state)*/ color: white; }   /* #########  CSS classes applied to down and right arrow images  ######### */   .downarrowclass{ position: absolute; top: 12px; right: 7px; }   .rightarrowclass{ position: absolute; top: 6px; right: 5px; }                   ------     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(https://img.webme.com/pic/i/iconvar/184.jpg); text-align: center;}  #design { width: 900px; margin-left: auto; margin-right: auto;  text-align: left;} #top{ margin-left: auto; margin-right: auto;  background:  url(https://img.webme.com/pic/a/akesintierkan/ustesinti101.png); width:  900px; height: 235px; float: left;} .ortamenu { width:800px; padding:  202px 0 0 16px; float: left;} #icerik { margin-left: auto; margin-right:  auto; background:  url(https://img.webme.com/pic/a/akesintierkan/ortaesinti100.png); float:  left; overflow:hidden ;} #icontent { width: 897px; padding: 0 0 0 5px;  overflow:hidden ; float: left;} .writer { width: 850px; padding: 0 0 0  13px; float: left; overflow: hidden; text-align:justify;  font-family:Tahoma; font-size:14px; color:#000;} .sagmenu { width:  200px; padding:7px 0 0 0px; float: left; overflow: hidden; text-align:  justify;} #footer{ margin-left: auto; margin-right: auto; background:  url(https://img.webme.com/pic/a/akesintierkan/altesinti101.png); width:  900px; height: 212px; float: left; }.altreklam{ margin-left: auto;  margin-right: auto; width:200px; height:65px; padding: 40px 0 0 10px;}

Anasayfa

Css Tasarımlar

Siten İçin

Site Yarışması

Haftanın Vİdeosu

Türkiyenin En Büyük Css Tasarım Merkezi-Örnek Site Yarışması-Html Kodlar

v2