Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!

Web Tasarımlarını biraraya toplayan site,tasarım,css tasarımlar birçok web tasarım burda

• Link ekle
• Ana Sayfa
• Reklam
• iletisim
• Editor
• Deneme
• Üyeol
• Giriş
• Tasarim istek
• Amacimiz
• Yarisma
• Uyeler
• Davet et
• Anket
• deneme2
• Html
• css-sayfa2
• Csstasarim22
• Csstasarim23
• Csstasarim24
• Csstasarim25
• Csstasarim26
• Csstasarim27
• Csstasarim28
• Csstasarim31
• Csstasarim32
• Csstasarim33
• Css-sayfa3
• Siteniz icin
• FenerbahceTV
• Deneme4
• iletisim.html
• Sifremi unuttum
• Fragman Kvp
• olecekmi
• s

Csstasarim32

 

Tasarimin Üzerine

<div id="wrapper"> <!-- start header --> <div id="header"> <div id="logo"> <h1><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">SİTE İSMİ </a></h1> <h2> Design by Css Merkez</h2> </div> <div id="menu"> <ul> <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">iletişim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li class="last"><a href="#" _fcksavedurl="#">Hakkımda</a></li> </ul> </div> </div> <!-- end header --> <!-- start page --> <div id="page"> <!-- start content --> <div id="content"> <div class="post"> <h1 class="title">Sitemize Hoşgeldiniz... </h1>
Tasarimin ALtına

</div> </div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li id="search"> <h2>Saat</h2> <center><embed height="89" align="" width="162" src="http://www.dostyurdu.com/flash/saat.swf" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false"></embed></center> </li> <li> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">iLetişim</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link Liste</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="#" _fcksavedurl="#">Diğer Konular</a></li> </ul> </li> <li> <h2>Diğer Konular</h2> <ul> <li><a href="#" _fcksavedurl="#">Fıkralar</a></li> <li><a href="#" _fcksavedurl="#">Oyunlar</a></li> <li><a href="#" _fcksavedurl="#">Html Kodlar</a></li> <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Css Tasarimlar</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link Liste</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> <!-- end page --> </div> <!-- start footer --> <div id="footer"> <p id="legal">( c ) 2009. Tüm Hakları Saklıdır. <a href="http://www.indirvekaydet.tr.gg" _fcksavedurl="http://www.indirvekaydet.tr.gg">İNDİRveKAYDET </a> designed by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Css Merkez </a>.</p> </div> <!-- end footer -->

Css Kod BöLümüNe

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 { margin: 0; padding: 0; background: #FFFFFF url(http://csstasarimm.cs.funpic.org/Tasarim/Bordo/img01.jpg) repeat-x left top; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; color: #B0B0B0; } h1, h2, h3 { margin: 0; padding: 0; } h1 { } h2 { } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; list-style: none; } a { color: #29A0C8; } a:hover, a:active { text-decoration: none; color: #29A0C8; } a:visited { color: #29A0C8; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-size: 13px; color: #333333; } #wrapper { } /* Header */ #header { width: 700px; margin: 0 auto; height: 200px; } /* Menu */ #menu { width: 700px; height: 50px; margin: 0 auto; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Bordo/img02.jpg) repeat-x left top; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { float: left; height: 50px; } #menu a { display: block; padding: 10px 20px 0px 20px; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Bordo/img03.jpg) no-repeat right 18px; text-decoration: none; text-transform: uppercase; font-size: 11px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { color: #FFFFFF; } /** LOGO */ #logo { width: 700px; height: 100px; margin: 0 auto; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Bordo/img06.jpg) no-repeat left 35px; } #logo h1, #logo h2 { float: left; margin: 0; text-transform: uppercase; line-height: normal; } #logo h1 { padding: 40px 0 10px 60px; font-size: 24px; } #logo h1 a { text-decoration: none; color: #29A0C8; } #logo h1 a:hover { text-decoration: none; } #logo h2 { padding: 50px 0 0 5px; font: 12px Arial, Helvetica, sans-serif; color: #8E8C8D; } #logo p a { text-decoration: none; color: #8E8C8D; } #logo p a:hover { text-decoration: none; } /* Page */ #page { width: 700px; margin: 0 auto; padding: 10px 0px; } /* Content */ #content { float: right; width: 450px; padding: 30px 0px; background: #3E3C3D; } /* Post */ .post { padding: 0px 20px; margin-bottom: 20px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 3px solid #8E8C8D; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #FFFFFF; } .post .entry { padding-top: 10px; } .post .meta { margin: -10px 0 0 0; font-size: 10px; } .post .meta p { padding-top: 15px; line-height: normal; color: #28313A; } .post .meta .byline { float: left; } .post .links { background: url(http://csstasarimm.cs.funpic.org/Tasarim/Bordo/img05.jpg) no-repeat left 8px; padding-left: 20px; } .post .meta .more { padding: 0 20px 0 18px; } .post .meta .comments { padding-left: 22px; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: left; width: 235px; margin: 0; padding: 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 10px; } #sidebar li ul { background: #95C72A; padding-top: 10px; padding-bottom: 20px; } #sidebar li li { margin: 0 20px; padding: 0px 10px; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Bordo/img04.jpg) no-repeat left 11px; } #sidebar h2 { width: 215px; height: 35px; margin: 0; padding: 10px 0px 0px 20px; background: #678B1D; border-bottom: 1px dashed #95C72A; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #FFFFFF; } #sidebar a { text-decoration: none; color: #285C00; } /* Search */ #search { background: #95C72A; padding-bottom: 20px; } #search h2 { margin-bottom: 20px; } #s { width: 130px; margin-right: 5px; border: 1px solid #DFE1E0; margin-left: 20px; } #x { padding: 3px; border: none; background: #678B1D; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Footer */ #footer-wrap { } #footer { width: 700px; margin: 0 auto; padding: 0; background: #E5E5E5; } html>body #footer { height: auto; } #footer p { margin: 0; padding: 0; font-size: 10px; } #legal { clear: both; text-align: center; color: #595959; } #legal a { font-weight: normal; color: #3E3C3D; }

 

• Menü

  • Link Ekle
  • İletişim
  • Amacımız
  • Özel Tasarım
  • Şifremi Unuttum?
  • Siteniz için

• Tasarimlar

  • İceblue Tasarim
  • Red Tasarimları
  • Butterfly Tasarimlari
  • CSS Design
  • Yeni Tasarımlar

• Üyeler

  • krhn1907 (yeni üye)
  • 0nyixaKinq (yeni üye)
  • soylu-mobilya (yeni üye)
  • Mc-Erdem (eski üye)
  • Cheebeq (yeni üye)
  • Hepsini Göster>> (48 üye)