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

v8

TASARIM ÜZERİ

<div  id="tasarim"> <div id="ust"> <div  class="slogan">Etiketler:  CSS-Tasarımlar-Joomla-HTML-JAVA-Kod-Photoshop-İngilizce</div>  <div class="reklamalani"><a target="_blank"  href="http://esintinet.tr.gg" _fcksavedurl="http://esintinet.tr.gg"  _fcksavedurl="http://esintinet.tr.gg"><img border="0" alt=""  style="width: 468px; height: 55px;" title=""  src="https://img.webme.com/pic/e/esintinet/542x67.gif"  _fcksavedurl="https://img.webme.com/pic/e/esintinet/542x67.gif"  _fcksavedurl="https://img.webme.com/pic/e/esintinet/542x67.gif"  /></a></div> <div class="ustmenu"><img  width="851" height="34" border="0" usemap="#Map" alt=""  src="http://img269.yukle.tc/images/3095mnu.png"  _fcksavedurl="http://img269.yukle.tc/images/3095mnu.png" /> <map  name="Map"> <area shape="rect" coords="-5,1,98,61"  href="http://www.esintinet.tr.gg/"  _fcksavedurl="http://www.esintinet.tr.gg/" /> <area shape="rect"  coords="116,0,207,35" href="http://esintinet.tr.gg/Konuk-Defteri.htm"  _fcksavedurl="http://esintinet.tr.gg/Konuk-Defteri.htm" /> <area  shape="rect" coords="223,2,291,32"  href="http://esintinet.tr.gg/Top-liste.htm"  _fcksavedurl="http://esintinet.tr.gg/Top-liste.htm" /> <area  shape="rect" coords="307,1,442,33" href="/Online-iletisim.htm"  _fcksavedurl="/Online-iletisim.htm" /> <area shape="rect"  coords="459,-7,546,40"  href="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm"  _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm"  /> <area shape="rect" coords="565,-1,699,33"  href="http://esintinet.tr.gg/Destek-Ol.htm"  _fcksavedurl="http://esintinet.tr.gg/Destek-Ol.htm" /> <area  shape="rect" coords="712,1,851,38"  href="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm"  _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm"  /> </map></div> </div> <div id="orta">  <div class="solsutun"> <link rel="stylesheet" type="text/css"  href="http://www.fileden.com/files/2009/8/12/2541239/gri%20menu.css"  />    <script type="text/javascript"  src="http://img44.xooimage.com/files/2/b/9/sdmenu-daba96.js"> /*********************************************** * Slashdot Menu script- By DimX * Submitted to Dynamic Drive DHTML code library:  http://www.dynamicdrive.com * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source  code ***********************************************/ </script>    <script type="text/javascript"> // <![CDATA[ var myMenu; window.onload = function() { myMenu = new SDMenu("my_menu"); myMenu.init(); }; // ]]> </script> <script type="text/javascript"> // <![CDATA[ var myMenu; window.onload = function() { myMenu = new SDMenu("my_menu"); myMenu.init(); }; // ]]> </script> <ul class="menun">         <center><img  border="0" alt="" src="http://img275.yukle.tc/images/5808anamenu.png"  _fcksavedurl="http://img275.yukle.tc/images/5808anamenu.png"  /></center>     <li><a  href="http://www.esintinet.tr.gg/"  _fcksavedurl="http://www.esintinet.tr.gg/">Ana  Sayfa</a></li>     <li><a  href="http://esintinet.tr.gg/Forum/index.htm"  _fcksavedurl="http://esintinet.tr.gg/Forum/index.htm">Forum</a></li>      <li><a href="http://esintinet.tr.gg/Konuk-Defteri.htm"  _fcksavedurl="http://esintinet.tr.gg/Konuk-Defteri.htm">Ziyaretçi  Defteri</a></li>     <li><a  href="http://esintinet.tr.gg/Top-liste.htm"  _fcksavedurl="http://esintinet.tr.gg/Top-liste.htm">Toplist</a></li>      <li><a href="http://esintinet.tr.gg/Online-iletisim.htm"  _fcksavedurl="http://esintinet.tr.gg/Online-iletisim.htm">Online  İletişim</a></li>     <li><a  href="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm"  _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm">Mesaj  At</a></li>     <li><a  href="http://esintinet.tr.gg/Destek-Ol.htm"  _fcksavedurl="http://esintinet.tr.gg/Destek-Ol.htm">Destek  Ol</a></li>     <li><a  href="http://esintinet.tr.gg/Dost-Siteler.htm"  _fcksavedurl="http://esintinet.tr.gg/Dost-Siteler.htm">Dost  Siteler</a></li> </ul> <ul class="menun">          <center><img border="0" alt=""  src="http://img272.yukle.tc/images/6764photoshop.png"  _fcksavedurl="http://img272.yukle.tc/images/6764photoshop.png"  /></center>     <li><a href="http://esintinet.tr.gg/Photoshop-Dersleri.htm"   _fcksavedurl="http://esintinet.tr.gg/Photoshop-Dersleri.htm">Photoshop  Dersleri</a></li>     <li><a  href="http://esintinet.tr.gg/Ap02.htm"  _fcksavedurl="http://esintinet.tr.gg/Ap02.htm">Photoshop  KısaYolları</a></li>     <li><a  href="http://esintinet.tr.gg/Ap01.htm"  _fcksavedurl="http://esintinet.tr.gg/Ap01.htm">Photoshop Konu  Anlatımı</a></li>     <li><a href="#"  _fcksavedurl="#">Gradient</a></li>     <li><a  href="#" _fcksavedurl="#">Style</a></li>      <li><a href="#" _fcksavedurl="#">Shape</a></li>  </ul> <ul class="menun">         <center><img  alt="" src="https://img.webme.com/pic/n/negrodizayn/webmaster.png"  _fcksavedurl="https://img.webme.com/pic/n/negrodizayn/webmaster.png"  /></center>     <li><a  href="http://esintinet.tr.gg/HTML-Kodlari.htm"  _fcksavedurl="http://esintinet.tr.gg/HTML-Kodlari.htm">Html  Kodlar</a></li>     <li><a  href="http://esintinet.tr.gg/ikon-Arsivi.htm"  _fcksavedurl="http://esintinet.tr.gg/ikon-Arsivi.htm">İkon  Arşivi</a></li>     <li><a  href="http://esintinet.tr.gg/Tasarimlar.htm"  _fcksavedurl="http://esintinet.tr.gg/Tasarimlar.htm">Tasarımlar</a></li>      <li><a href="http://esintinet.tr.gg/Userbarlar.htm"  _fcksavedurl="http://esintinet.tr.gg/Userbarlar.htm">Usebarlar</a></li>      <li><a href="http://esintinet.tr.gg/FBML-Kodlari.htm"  _fcksavedurl="http://esintinet.tr.gg/FBML-Kodlari.htm">Fbml  Kodları</a></li>     <li><a  href="http://esintinet.tr.gg/Modifiye-Site.htm"  _fcksavedurl="http://esintinet.tr.gg/Modifiye-Site.htm">Modifiye  Siteler</a></li>     <li><a  href="http://esintinet.tr.gg/Webmaster--Oe-zel.htm"  _fcksavedurl="http://esintinet.tr.gg/Webmaster--Oe-zel.htm">Özel  Kodlar</a></li>     <li><a  href="http://esintinet.tr.gg/Yeni-Html-Kodlar.htm"  _fcksavedurl="http://esintinet.tr.gg/Yeni-Html-Kodlar.htm">Yeni  Kodlar</a></li>     <li><a  href="http://esintinet.tr.gg/Menuler.htm"  _fcksavedurl="http://esintinet.tr.gg/Menuler.htm">Menü  Kodları</a></li> </ul> <ul class="menun">          <center><img alt=""  src="https://img.webme.com/pic/n/negrodizayn/bilgisayar.png"  _fcksavedurl="https://img.webme.com/pic/n/negrodizayn/bilgisayar.png"  /></center>     <li><a  href="http://esintinet.tr.gg/Tr1Pc.htm"  _fcksavedurl="http://esintinet.tr.gg/Tr1Pc.htm">İlk  Bilgisayar</a></li>     <li><a  href="http://esintinet.tr.gg/NewPc.htm"  _fcksavedurl="http://esintinet.tr.gg/NewPc.htm">Bilgisayarın  İcadı</a></li>     <li><a  href="http://esintinet.tr.gg/Format-Nasil-Atilir.htm"  _fcksavedurl="http://esintinet.tr.gg/Format-Nasil-Atilir.htm">Format  Atmak</a></li>     <li><a  href="http://esintinet.tr.gg/Herkese-Bedava-Tk-Domain.htm"  _fcksavedurl="http://esintinet.tr.gg/Herkese-Bedava-Tk-Domain.htm">Tk  Domain Al</a></li>     <li><a  href="http://esintinet.tr.gg/Saydam-Tel.htm"  _fcksavedurl="http://esintinet.tr.gg/Saydam-Tel.htm">Saydam  Telefon</a></li> </ul> </div> <div  class="sagsutun"><center> <h5 style="text-align:  left;"><span style="font-family: Tahoma;">Bugün: 26                           Klik: 381                           Online : <SCRIPT  src="http://fastonlineusers.com/online.php?d=http://www.negrodizayn.tr.gg"></SCRIPT>   <br /> <center>                       Burdasınız: 9   </center><strong> <ul class="menun">          <center><img alt=""  src="https://img.webme.com/pic/n/negrodizayn/tasarimlar.png"  _fcksavedurl="https://img.webme.com/pic/n/negrodizayn/tasarimlar.png"  /></center>     <li><a  href="http://esintinet.tr.gg/Tasarimlar-Sayfa-1.htm"  _fcksavedurl="http://esintinet.tr.gg/Tasarimlar-Sayfa-1.htm">Css  Tasarımlar</a></li>     <li><a  href="http://esintinet.tr.gg/ice-Blue-Tasarimlar-1.htm"  _fcksavedurl="http://esintinet.tr.gg/ice-Blue-Tasarimlar-1.htm">İce  Blue</a></li> </ul> <ul class="menun">          <span>Spor</span>     <li><a  href="http://esintinet.tr.gg/Fb.htm"  _fcksavedurl="http://esintinet.tr.gg/Fb.htm">Fenerbahçe</a></li>      <li><a href="http://esintinet.tr.gg/Bjk.htm"  _fcksavedurl="http://esintinet.tr.gg/Bjk.htm">Beşiktaş</a></li>      <li><a href="http://esintinet.tr.gg/Gs.htm"  _fcksavedurl="http://esintinet.tr.gg/Gs.htm">Galatasaray</a></li>      <li><a href="http://esintinet.tr.gg/Ts.htm"  _fcksavedurl="http://esintinet.tr.gg/Ts.htm">Trabzon</a></li>  </ul>    <div style="width: 180px; height: 220px; overflow:  hidden;"><script type="text/javascript"  src="http://www.nethabercilik.com/sondakika/js.php?t=1"></script></div>   <a target="_blank" href="http://esintinet.tr.gg"  _fcksavedurl="http://esintinet.tr.gg"  _fcksavedurl="http://esintinet.tr.gg"><img border="0" alt=""  style="width: 188px; height: 516px;" title=""  src="https://img.webme.com/pic/e/esintinet/rklmalninegro.gif"  _fcksavedurl="https://img.webme.com/pic/e/esintinet/rklmalninegro.gif"  _fcksavedurl="https://img.webme.com/pic/e/esintinet/rklmalninegro.gif"  /></             </div>  <div class="icerik">

TASARIM ALTI </div> </div> <div id="alt"></div> </div>CSS KODU

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;}   table {margin-left: auto;margin-right: auto}  #kommentartext {  background-image:url(https://img.webme.com/pic/i/infotr/newzf.bmp); }  *  {padding: 0; margin:0 }  body { margin-left:  auto; margin-right: auto;  background: url(https://img.webme.com/pic/e/esintinet/110.jpg) top center  fixed; }  #tasarim{ width: 905px; margin-left:  auto; margin-right:  auto; }   #ust{ margin-left:  auto; margin-right: auto; background:  url(https://img.webme.com/pic/e/esintinet/negroust.jpg); width: 905px;  height: 162px; float: left; } .slogan{ width:840px; padding: 5px 0 0  430px; } .reklamalani{ width:468px; padding: 15px 0 0 400px; } .ustmenu{  width:902px; padding: 24px 0 0 30px; overflow: hidden; }  #orta{  margin-left:  auto; margin-right: auto; background:  url(https://img.webme.com/pic/e/esintinet/negrorta.png); width: 905px;  height: 100%; float: left; }  .solsutun{ width:180px; float: left;  padding: 0 0 0 8px; overflow: hidden; }  .icerik { width:508px; float:  left; padding: 0 0 0 10px; overflow: hidden; text-align: justify; }  .sagsutun{ width:180px; float: right; padding: 0 10px 0 0; overflow:  hidden; text-align: justify; }  #alt{ margin-left:  auto; margin-right:  auto; background:  url(https://img.webme.com/pic/e/esintinet/negroalt1.jpg); width: 905px;  height: 109px; float: left; }   <style type="text/css">   /*Credits: Dynamic Drive CSS Library */ /*URL:  http://www.dynamicdrive.com/style/ */  .solidblockmenu{ margin: 0;  padding: 0; float: left; font: bold 13px Arial; width: 100%; overflow:  hidden; margin-bottom: 1em; border: 1px solid #625e00; border-width: 1px  0; background: black  url(http://www.dynamicdrive.com/cssexamples/media/blockdefault.gif)  center center repeat-x; }  .solidblockmenu li{ display: inline; }   .solidblockmenu li a{ float: left; color: black; padding: 9px 11px;  text-decoration: none; border-right: 1px solid white; }  .solidblockmenu  li a:visited{ color: white; }  .solidblockmenu li a:hover,  .solidblockmenu li .current{ color: white; background: transparent  url(http://www.dynamicdrive.com/cssexamples/media/blockactive.gif)  center center repeat-x; }  </style> <style type="text/css">   <style type="text/css"> hr {    border: 0;     border-top:  1px solid #000;     color: white;} tt {     background: #F2F2F2 ;      border: dotted 1px #D7D7D7;     padding: 5px 5px 5px 5px; font-size:12px  }  code {     margin : 4px 8px;     padding : 8px;     text-align :  left;     display : block;     overflow : auto;     font : 500 1em/1.5em  'Lucida Console', 'courier new', monospace;     background: #e2ecee  url(http://img277.yukle.tc/images/6808kodalan.png) right top no-repeat;      border : 1px dashed #949494; } </style> <style  type=text/css> tt {    margin : 4px 8px;    padding : 13px;     text-align : left;    display : block;    overflow : auto;    font : 500  1em/1.5em "Lucida Sans Unicode", "Lucida Grande";    background:  #f8dadd  url(https://img.webme.com/pic/n/negrodizayn/bilgialani.png)  right bottom no-repeat;    border : 1px dashed #434040;  </style>  <style type="text/css">  #konudetay { background:  url(https://img.webme.com/pic/n/negrodizayn/konu.png) 0 0 no-repeat;  width: 509px; height: 60px; font-size: 12px;  color: #f1f1f1;  padding-top: 0; margin-top: 5px;} #konudetaysol {width: 215px; height:  73px; float: left;} #konudetaysag {width: 231px; height: 43px; float:  left; clear: right; padding: 10px 2px 0 55px;} #konubaslik {width:  210px; height: 20px; margin: 0 0 0 50px; line-height: 20px; } #konuyazar  {width: 210px; height: 20px; margin: 0 0 0 50px; line-height: 20px;}  #konutarih { width: 210px; height: 20px; margin: 0 0 0 50px;  line-height: 20px; } #counter {border: 1px #C7C7C7 solid; width: 584px;     text-align: center;   vertical-align: bottom;top: auto; margin-top:  20px; margin: 20px 3px 2px 3px;}          </style>  <style  type="text/css">  .menun {     list-style-type: none;     padding: 0;      margin: 0; }  .menun a {  display: block;     color: #1B1B1B;      background-color: #CCCCCC;         width:165px;     font-weight: bold;      padding: .2em .8em;     text-decoration: none; }  .menun a:hover {     background-color: #33FFFF; }  .menun li {    margin: 0 0 .2em 0; }  </style> <style type="text/css">  .menu{    border:none;     border:0px;    margin:0px;    padding:0px;    font: 67.5% "Lucida Sans  Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida  Grande", Verdana, Helvetica, sans-serif;    font-size:12px;     font-weight:bold;    } .menu ul{    height:35px;    list-style:none;     margin:0;    padding:0;    }    .menu li{       float:left;        padding:0px;       }    .menu li a{           color: #00000F;        display:block;       font-weight:normal;       line-height:20px;        margin:0px;       padding:0px 25px;       text-align:left;        text-decoration:none;       }       .menu li a:hover, .menu ul li:hover  a{          color:#FFFFFF;          text-decoration:none;                          text-shadow: #000000 1px 1px 1px;          }    .menu li ul{        background:#333333;       display:none;       height:auto;        padding:0px;       margin:0px;       border:0px;        position:absolute;       z-index:200;    opacity: 0.90;     filter:alpha(opacity=90);    -moz-opacity:0.90;    -khtml-opacity: 0.90;         /*top:1em;       /*left:0;*/       }    .menu li:hover ul{        display:block;       }    .menu li li {        background:url('images/sub_sep.gif') bottom left no-repeat;        display:block;       float:none;       margin:0px;       padding:0px;         }    .menu li:hover li a{       background:none;              }     .menu li ul a{       display:block;       height:27px; width:165px;        font-size:11px;       font-style:normal;       margin:0px;        padding:0px 10px 0px 15px;       text-align:left;    opacity: 0.90;     filter:alpha(opacity=90);    -moz-opacity:0.90;    -khtml-opacity: 0.90;         }       .menu li ul a:hover, .menu li ul li:hover a{           background:#2F8AF1 url('images/hover_sub.gif') center left no-repeat;           border:0px;          color:#ffffff;           text-decoration:none;          }    .menu p{       clear:left;       }             </style> <style type="text/css"> input { padding:  1px; margin-right: 1px; background-image:  none; border: 1px solid  #393939; border-left:7px solid #393939; color: #ff005a;  font-family:verdana-tahoma; font-size:16px; } input:hover{ padding: 1px;  margin-right: 1px; background-image:  none; border: 1px solid #ff005a;  border-left:5px solid #ff005a; color: #ff005a;  font-family:verdana-tahoma; font-size:16px; } textarea { padding: 1px;  margin-right: 1px; background-image:  none; border: 1px solid #393939;  border-left:7px solid #393939; color: #ff005a;  font-family:verdana-tahoma; font-size:16px; } textarea:hover { padding:  1px; margin-right: 1px; background-image:  none; border: 1px solid  #ff005a; border-left:5px solid #ff005a; color: #ff005a;  font-family:verdana-tahoma; font-size:16px; } </style> <style  type="text/css">   body{background-color:#7d8e99/*#1F90DD*/;}a,a:visited{color:#0A568B;text-decoration:none;}a:hover{color:#333333;}#htop  h1 a{color:#1F90DD;}#htop div.mnu a:hover{border-left:1px solid  #B7DDED;border-right:1px solid #C6D7E4;background:#FFFFFF  url(Image/blue/bck.hdr.mnu.jpg) repeat-x;} </style>

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

v8