| Html Şablon | www.HTMLSABLONKOD.tr.gg | by BRKNL | Arkasında Google Var | - css48

css48

ESKİ TASARIMIMIZ (48 NOLU CSS)

Tasarımın Üzerindeki Bölüm

<div id="wrap"> <div id="header"> <div id="topbar"> <h1 id="sitename"><a href="http://www.htmlsablonkod.tr.gg/" _fcksavedurl="http://www.htmlsablonkod.tr.gg/">HTML <span>ŞABLONKOD</span></a>.tr.gg</h1> <br/ > <center> <iframe name="radyust" src="http://site.mynet.com/webdenet/hit-kazanma.html" width="88" height="19" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe></center> </div> <div id="headercontent"> <div id="headerlinks"> <script type="text/javascript" src="http://www.adhood.com/adserver/ad.php?zid=77004"></script><script>document.write("<"+"script src="https://www.adhood.com/adserver/ad.php?zid=77004&n="+Math.random()+""><"+"/script>");</script> </div> </div> <div id="topnav"> <ul> <li class="active"> <a href="http://www.htmlsablonkod.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li> <li class="active"> <a href="http://www.htmlsablonkod.tr.gg/Forum.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/Forum.htm">Forum</a></li> <li class="active"><a href="http://www.htmlsablonkod.tr.gg/Toplist.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/Toplist.htm">Toplist</a></li> <li class="active"> <a href="http://www.htmlsablonkod.tr.gg/iletisim.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/iletisim.htm">İletişim</a></li> <li class="active"><a href="http://www.htmlsablonkod.tr.gg/online.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/online.htm">Güncel Sayfa</a></li> <li class="active"> <a href="http://www.htmlsablonkod.tr.gg/bedava-sitem-dersleri.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/bedava-sitem-dersleri.htm">Önemli Dersler</a></li> <li class="active"> <a href="http://www.htmlsablonkod.tr.gg/defter.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/defter.htm">Z. Defteri</a></li> </ul> </div> </div> <div id="page"> <div id="contents"> <div class="post"> <div class="col4"> <div class="columns"> <div class="col1"> </div> </div> </div>

Tasarımın Altındaki Bölüm

</div> </div> <div id="sidebar"> <ul> <li> <h2>Google Çeviri</h2> <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=tr&w=160&h=60&title=&border=&output=js"></script><br /><br /><center><a href="http://www.googlepagerankchecker.com" _fcksavedurl="http://www.googlepagerankchecker.com"><img src="http://www.googlepagerankchecker.com/prcode/htmlsablonkod.tr.gg.png" _fcksavedurl="http://www.googlepagerankchecker.com/prcode/htmlsablonkod.tr.gg.png" alt="Pagerank" border="0"></a></center> </li> <ul> <li> <h2>Tavsiye Siteler</h2> <ul> <li> <a href="http://www.csshost.tr.gg" _fcksavedurl="http://www.csshost.tr.gg">Csshost.tr.gg</a> </li> <li> <a href="http://www.google.com.tr" _fcksavedurl="http://www.google.com.tr">Google TR</a> </li> <li> <a href="http://www.cacafans.tr.gg" _fcksavedurl="http://www.cacafans.tr.gg">ÇaçaFans.tr.gg</a> </li> <li> <a href="http://www.kuran.gen.tr/" _fcksavedurl="http://www.kuran.gen.tr/">Kuran-ı Kerim</a> </li> <li> <a href="http://tr.wikipedia.org" _fcksavedurl="http://tr.wikipedia.org">Wikipedia</a> </li> <li> <a href="http://www.ntvmsnbc.com" _fcksavedurl="http://www.ntvmsnbc.com">Ntvmsnbc.com</a> </li> <li> <a href="http://www.hackerfriend.tr.gg" _fcksavedurl="http://www.hackerfriend.tr.gg">Hackerfriend.tr.gg</a> </li> <li> <a href="http://www.facebook.com" _fcksavedurl="http://www.facebook.com">Facebook Türkiye</a> </li> </ul> </li> <ul> <li> <h2>Ana Kategoriler</h2> <ul> <li> <a href="http://www.htmlsablonkod.tr.gg/css.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/css.htm">Css Tasarım [ 47 Adet ]</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/iceblue.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/iceblue.htm">İceblue Tasarım [ 20 ]</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/red.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/red.htm">Red Tasarım</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/butterfly.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/butterfly.htm">Butterfly Tasarım</a> </li> <li> <a href="http://htmlsablonkod.tr.gg/digercss.htm" _fcksavedurl="http://htmlsablonkod.tr.gg/digercss.htm">Tr.gg Kullanmayanlara Css</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/butonlar.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/butonlar.htm">Butonlar</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/header.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/header.htm">Başlık Resimleri</a> </li> <li> <a href="/cssmenu.htm" _fcksavedurl="/cssmenu.htm">Css Menüler</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/tasarim_istek.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/tasarim_istek.htm">Tasarım İstek</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/Link_Kutusu.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/Link_Kutusu.htm">Link Kutusu</a></li> <li> <a href="/sohbetodasi.htm" _fcksavedurl="/sohbetodasi.htm">Sohbet Odamız</a></li> <li> <a href="/resim.htm" _fcksavedurl="/resim.htm">Resim Galerisi</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/reklamvesponsorluk.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/reklamvesponsorluk.htm">Reklam ve Sponsorluk</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/Linktakas.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/Linktakas.htm">Link Takas Yapma</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/gifler.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/gifler.htm">Mükemmel Gif Arşivi</a></li> <li> <a href="http://brknl.br.funpic.org/Resimler/kodonizleme.html" _fcksavedurl="http://brknl.br.funpic.org/Resimler/kodonizleme.html">Kod Önizleme Aracı</a> </li> </ul> </li> <li> <h2>Ekstra Kategoriler</h2> <ul> <li> <a href="http://www.htmlsablonkod.tr.gg/sporcode.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/sporcode.htm">Spor Kodları</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/habercode.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/habercode.htm">Haber Kodları</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/onemlicode.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/onemlicode.htm">Önemli Kodlar</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/classiccode.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/classiccode.htm">Klasik Kodlar</a> </li> <li> <a href="/ayraccode.htm" _fcksavedurl="/ayraccode.htm">Konu Ayraç Kodları</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/javacode.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/javacode.htm">Java Script Kodlar</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/bedavaiconindir.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/bedavaiconindir.htm">Dev İcon Arşivimiz</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/metatagcreate.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/metatagcreate.htm">Pro Meta Tag Oluşturucu</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/reklamcode.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/reklamcode.htm">Reklam Bannerleri Kodu</a></li> <li> <a href="/flashgamecode.htm" _fcksavedurl="/flashgamecode.htm">Flash Oyun Kodları - 1</a></li> <li> <a href="/flashgamecode2.htm" _fcksavedurl="/flashgamecode2.htm">Flash Oyun Kodları - 2</a></li> <li> <a href="http://www.sumopaint.com/app/" _fcksavedurl="http://www.sumopaint.com/app/">Online Photoshop</a></li> <li> <a href="http://www.picnik.com" _fcksavedurl="http://www.picnik.com">Online Resim Edit</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/googlegadgets.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/googlegadgets.htm">Google Gadgets</a> </li> <li> <a href="http://www.htmlsablonkod.tr.gg/dreamweaver.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/dreamweaver.htm">Dreamweaver Hakkında</a> </li> </ul> </li> <li> <h2>Yaşam & Sağlık</h2> <ul> <li> <a href="http://www.htmlsablonkod.tr.gg/gdonedir.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/gdonedir.htm">Gdo Nedir ?</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/ciltbakimi.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/ciltbakimi.htm">Cilt Bakımı</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/sacbakimi.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/sacbakimi.htm">Saç Bakımı</a></li> <li> <a href="/sebzediyeti.htm" _fcksavedurl="/sebzediyeti.htm">Sebze Diyeti</a></li> <li> <a href="/meyvediyeti.htm" _fcksavedurl="/meyvediyeti.htm">Meyve Diyeti</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/burunestetigi.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/burunestetigi.htm">Burun Estetiği</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/dudakestetigi.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/dudakestetigi.htm">Dudak Estetiği</a></li> <li> <a href="http://htmlsablonkod.tr.gg/sagliklibeslenme.htm" _fcksavedurl="http://htmlsablonkod.tr.gg/sagliklibeslenme.htm">Sağlıklı Beslenme</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/agizvedisbakimi.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/agizvedisbakimi.htm">Ağız Ve Diş Bakımı</a></li> <li> <a href="http://htmlsablonkod.tr.gg/bebeginalti.htm" _fcksavedurl="http://htmlsablonkod.tr.gg/bebeginalti.htm">Bebeğin Altını Değiştirmek</a></li> </ul> </li> <li> <h2>Diğer Kategoriler</h2> <ul> <li> <a href="http://www.htmlsablonkod.tr.gg/nicks.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/nicks.htm">Nickler</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/Video.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/Video.htm">Videolar</a></li> <li> <a href="/fikralar.htm" _fcksavedurl="/fikralar.htm">Fıkralarımız</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/Bilmeceler.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/Bilmeceler.htm">Bilmeceler</a></li> <li> <a href="http://htmlsablonkod.tr.gg/uyeol.htm" _fcksavedurl="http://htmlsablonkod.tr.gg/uyeol.htm">Üye Olun</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/istekvedusunce.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/istekvedusunce.htm">İstek Bölümü</a></li> <li> <a href="http://htmlsablonkod.tr.gg/destekol.htm" _fcksavedurl="http://htmlsablonkod.tr.gg/destekol.htm">Bize Destek Olun</a></li> <li> <a href="http://www.htmlsablonkod.tr.gg/teknohaber.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/teknohaber.htm">Teknoloji Haberleri</a></li> <li> <a href="http://htmlsablonkod.tr.gg/eglencekolik.htm" _fcksavedurl="http://htmlsablonkod.tr.gg/eglencekolik.htm">Eğlence Bölümümüz</a></li> </li> </li> </ul> </li> </ul> </div> <div class="clear"> </div> </div> <div id="footer"> <div id="leftfoot"> Copyright 2009 by BRKNL<br /> <a href="http://htmlsablonkod.tr.gg" _fcksavedurl="http://htmlsablonkod.tr.gg">Ana Sayfa</a> | <a href="http://htmlsablonkod.tr.gg/Forum/index.htm" _fcksavedurl="http://htmlsablonkod.tr.gg/Forum/index.htm">Forum</a> | <a href="http://www.htmlsablonkod.tr.gg/Toplist.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/Toplist.htm">Toplist</a> | <a href="http://www.htmlsablonkod.tr.gg/css.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/css.htm">Css Design</a> | <a href="http://www.htmlsablonkod.tr.gg/defter.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/defter.htm">Z. Defteri</a> | <a href="http://www.htmlsablonkod.tr.gg/onlineiletisim.htm" _fcksavedurl="http://www.htmlsablonkod.tr.gg/onlineiletisim.htm">Online İletişim</a><span id="credit"> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> <div id="rightfoot"> </div> </div> </div>

Css Kod Bölümü

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 {background:#000 url(https://img.webme.com/pic/p/prohtmlmania/bg.jpg) center top repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#5c5a56} * {margin: 0px; padding: 0px;} .clear {clear:both;} .clear2 {width:595px; clear:left; float:right;} #wrap {width:835px; margin:auto;} #header {background:url(https://img.webme.com/pic/p/prohtmlmania/header.jpg) no-repeat; height:197px;} #page {padding:5px 15px 5px 20px; background:url(https://img.webme.com/pic/p/prohtmlmania/pagebg.jpg) repeat-y;} #contents {float:left; width: 595px;} a {color:#989C50; text-decoration:none;} a:visited { color:#989C50;} a:hover {color:#fff; text-decoration:underline;} #footer {background:url(https://img.webme.com/pic/p/prohtmlmania/footer.jpg) no-repeat; height:130px;} #sidebar {width: 194px; float: right;} h1, h2, h3, h4, h5 { font-weight:bold; font-family:"Trebuchet MS", Verdana, sans-serif;} h2 {font-size:16px; color: #989C50} h3 {font-size:14px; color:#989c50;} #sidebar ul {list-style:none;} #sidebar ul li ul li {background:url(https://img.webme.com/pic/p/prohtmlmania/menunormal.jpg) -1px bottom no-repeat!important;} #sidebar ul li ul li a { padding:5px 10px 5px 15px; display:block;} .pagenav li, .linkcat li, .categories li{display:block; height:29px;} .pagenav li a, .linkcat li a, .categories li a, .linkcat li a:visited, .categories li a:visited, .pagenav li a:visited{height:19px; display:block; height:21px; padding:8px 10px 0 15px!important;} #sidebar ul a {text-decoration:none; color: #5C5A56;} #sidebar li p {padding:15px;} #sidebar li a:hover { color:#fff;} #sidebar li.active { display:block; background:url(https://img.webme.com/pic/p/prohtmlmania/menuactive.jpg) no-repeat!important;} #sidebar h2 {display:block; padding:5px 10px 10px 15px;} #topbar{ height: 41px; padding-left: 35px; padding-right: 35px; } #sitename { display: block; width: 300px; float: left; padding-top: 5px; font: bold 22px "Trebuchet MS", Verdana, sans-serif; color: #000; } #sitename span {color:#989C50;} #sitename a { color: #000; text-decoration: none; } #topsearch { display: block; background: url(https://img.webme.com/pic/p/prohtmlmania/searchbg.png) no-repeat 0px 6px; float: right; height: 27px; width: 271px; padding-top: 6px; } #topsearch input { color: #999; background: transparent; margin-left: 85px; padding-top: 5px; border-style: none; } #headercontent { height: 92px; } #topnav{ height: 31px; padding: 12px 25px 0 25px; } #topnav ul {list-style:none;} #topnav li {display:inline;} #topnav a { display:block; float:left; height: 23px; padding: 4px 25px 0 10px; color: #5C5A56; text-decoration: none; text-transform: uppercase; } #topnav a:hover {background:url(https://img.webme.com/pic/p/prohtmlmania/menu2.png) 0 0 no-repeat; color:#fff;} #topnav .active a {background:url(https://img.webme.com/pic/p/prohtmlmania/menu1.png) 0 0 no-repeat; color:#333;} #col1 { width:48%; float:left; padding: 5px 5px 5px 0; } #col2 { width:48%; float:right; padding:5px 0 5px 5px; } #col1 p, #col2 p, .post p, #featured p { line-height:16px; margin-bottom:18px; } .post_item img { float:left; padding:3px; background:#333 url(https://img.webme.com/pic/p/prohtmlmania/waiting.gif) center no-repeat; border: solid 1px #000; margin:5px 10px 5px 0;} .post_item { border-bottom: 1px solid #1C1B1A; margin:8px 0 8px 0; padding-left:10px; } .subhead { color:#5A5854; text-transform:uppercase; display:block; padding:3px 5px 3px 10px; background:#201F1E; } .readmore { display: block; background:url(https://img.webme.com/pic/p/prohtmlmania/listbullet.jpg) 2px 3px no-repeat; height:15px; padding:2px 5px 0 18px; } #leftfoot { width:440px; float:left; padding:8px 0 0 25px; } #credit { font:10px Verdana, Arial, Helvetica, sans-serif; display:block; float:left; padding:5px 0 5px 0; } #rightfoot { font: bold 14px "Trebuchet MS", Verdana, sans-serif; float:right; width:300px; padding: 50px 40px 0 0; color: #666; } #rightfoot a { color:#666; } #rightfoot a:hover {color:#333; text-decoration:none;} #description{ color: #779535; display: block; padding: 68px 0 0 25px; float:left; font: bold normal 16px "Trebuchet MS", Verdana, sans-serif; } #headerlinks { float:right; padding: 19px 17px 0 20px; } #headerlinks img {border:none;} /posts/ .postbottom { background:url(https://img.webme.com/pic/p/prohtmlmania/postbottom.jpg) no-repeat; height:38px; padding:4px 10px 0 10px; color:#A09E9A; } .postbottom a { display:block; float:left; background: url(https://img.webme.com/pic/p/prohtmlmania/postbtmmenu.jpg) 0 1px no-repeat; height:18px; padding:3px 10px 0 10px; color:#B9B095; } .postbottom a:hover{ color:#fff; } .post img {background:#ADA5A3; padding:3px; margin:5px; border:solid 1px #999999;} .alignleft {float:left;} .alignright {float:right;} blockquote { background:#3A3936; font: normal 14px Georgia, "Times New Roman", Times, serif; color:#74706D; padding:5px; margin:8px;} blockquote.alignleft, blockquote.alignright {width:250px;} blockquote p {margin:0!important;} .post ol { list-style:decimal inside; margin:8px 8px 8px 15px;} .post ul {list-style:square outside; margin:8px 8px 8px 20px;} code { display:block; padding:5px; margin:10px 15px 10px 15px; background: #3A3936; white-space: pre; border: 1px solid #000000; font: normal 12px "Courier New", Courier, monospace; color:#fff;} .post table { width:90%; border:1px solid #000000; margin-bottom:20px; } .post th { background:#000000; padding:5px 15px 5px 15px; color:#D4D0C8; text-align:center; border-bottom:1px solid #000000; font: bold 16px "Trebuchet MS", Verdana, sans-serif; text-transform: uppercase; } .post td { border-bottom:1px solid #000000; padding:5px 15px 5px 15px; border-right:1px solid #000000; } .text_field { display: block; width:50%; margin:3px 3px 3px 30px; padding:3px; border: 1px solid #000000; background: #585652; } label { display: block; margin:3px; padding: 5px; color: #999999; } .submitbutton { display: block; padding:2px; margin:3px; color:#FFFFFF; background: #585652; border:solid 1px; color:#000;} .text_field:hover { background:#ADA5A3; } .text_field:focus { background:#FFFFCC; } .hide {display:none;} .pagenav {background:#000; height:15px; padding:5px;} .pagenav span {display:block; padding:1px;} strong {font-weight:bold; background:#000; color:#999999;} table {margin-left: auto;margin-right: auto}

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol