Tasarım Üzeri:

<div id="header"> <div id="logo"> <h3><a href="#" _fcksavedurl="#" _fcksavedurl="#">Tasarim</a></h3> <h4>By <a href="www.csstasarim-arsiv.tr.gg/" _fcksavedurl="www.csstasarim-arsiv.tr.gg/" _fcksavedurl="www.csstasarim-arsiv.tr.gg/">Css Tasarim Merkezi</a> + <a href="http://www.site-mekani.tr.gg" _fcksavedurl="http://www.site-mekani.tr.gg" _fcksavedurl="http://www.site-mekani.tr.gg">Sİte Mekani</a></h4> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#" _fcksavedurl="#" accesskey="1" title="">ana sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" accesskey="2" title="">iletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" accesskey="3" title="">yorumlar</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" accesskey="4" title="">hakkımızda</a></li> </ul> </div> </div> <hr /> <div id="page"> <div id="bg"> <div id="conttent"> <div class="post" style="padding-top: 57px;"> <h4 class="title">CSS Tasarim 6</h4> <h5 class="date">Pazartesi, Eylül 22, 2008</h5> <div class="entry">
Tasarım Altı:

</div> <p class="meta"></p> </div> </div> <!-- end contentn --> <div id="sidebar"> <div id="about-box"> <h4>Duyuru Panosu</h4> <p>Burada Siteniz Hakkında Yenilikleri Verebilirsiniz.<br>Yada Dost Siteleri Yazabilirsiniz.</p> </div> <ul> <li> <h4>Menü</h4> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> </li> <li> <h4>Tasarimlar</h4> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> </div> <!-- end page --> <hr /> <div id="footer"> <p>(c) 2008 WwW.Site-Adi.tR.gg. Tüm Hakkları Saklıdır. Design by <a href="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.css-tasarimm.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Css Tasarim Merkezi</a> ve <a href="http://WwW.Site-Adi.tR.gg" _fcksavedurl="http://WwW.Site-Adi.tR.gg" _fcksavedurl="http://WwW.Site-Adi.tR.gg">WwW.Site-Adi.tR.gg</a>.</p> </div>
Css 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;} /* WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.GG WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.tr.GG WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.TR.GG WWW.CSSTASARİM-ARSİV.TR.GG */ body { margin: 0; padding: 0; background: #F4FBFF url(https://img.webme.com/pic/c/css-tasarimm/7-img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #405A67; } h3, h4, h5 { margin: 0; font-weight: normal; color: #4F6977; } h3 { letter-spacing: -1px; font-size: 44px; } h4 { font-size: 28px; } h5 { font-size: 16px; } p, ul, ol { margin: 0 0 1.5em 0; line-height: 1.5em; text-align: justify; } p { } blockquote { font-style: italic; } ul { } ol { } a { color: #38B5F1; } a:hover { text-decoration: none; } small { } hr { display: none; } img { border: none; } img.left { float: left; margin: 0 15px 0 0; } img.right { float: left; margin: 0 0 0 15px; } /* Header */ #header { width: 954px; height: 183px; margin: 0 auto; margin-top: -31px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img02.jpg); } /* Logo */ #logo { float: left; } #logo h3, #logo h4 { float: left; text-transform: lowercase; color: #FFFFFF; } #logo h3 { padding: 115px 0 0 50px; font-weight: bold; } #logo h4 { padding: 143px 0 0 8px; font-size: 14px; font-weight: bold; } #logo a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { float: right; } #menu ul { margin: 0; padding: 140px 20px 0 0; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { padding: 0 28px 0 0; text-transform: lowercase; text-decoration: none; font-size: 16px; font-weight: bold; color: #FFFFFF; } /* Page */ #page { width: 954px; margin: 0 auto; background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/7-img03.jpg) repeat-y; } #bg { background: url(https://img.webme.com/pic/c/css-tasarimm/7-img06.jpg) no-repeat left bottom; } /* Content */ #conttent { float: left; width: 680px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img04.jpg) no-repeat; } /* Posts */ .post { width: 606px; padding: 30px 0 0 48px; } .post .title { padding: 0 0 0 12px; } .post .title a { color: #4F6977; } .post .date { margin: -26px 25px 15px 0; text-align: right; color: #79AFCD; } .post .entry { padding: 25px 20px 0 12px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img07.jpg) no-repeat; } .post .meta { padding: 15px 12px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img08.jpg) no-repeat left bottom; } .post .meta b { display: none; } .post .more, .post .comments { padding: 0 30px 0 20px; } .post .more { background: url(https://img.webme.com/pic/c/css-tasarimm/7-img09.gif) no-repeat left center; } .post .comments { background: url(https://img.webme.com/pic/c/css-tasarimm/7-img10.gif) no-repeat left center; } /* About Box */ #about-box { width: 185px; height: 162px; padding: 70px 37px 0 35px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img11.jpg) no-repeat left bottom; } #about-box h4 { margin-bottom: 25px; font-size: 18px; font-weight: normal; } #about-box p { font-size: 12px; } /* Sidebar */ #sidebar { float: right; width: 274px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img05.jpg) no-repeat; } #sidebar ul { width: 206px; margin: 0; padding: 0 0 0 30px; list-style: none; } #sidebar li { } #sidebar li ul { width: auto; padding: 0 15px 0 10px; } #sidebar li li { padding: 5px 0 5px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img13.gif) repeat-x; } #sidebar li li.first { padding-top: 0; background: none; } #sidebar li h4 { font-size: 18px; padding: 30px 0 40px 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/7-img12.jpg) no-repeat left bottom; } /* Footer */ #footer { padding: 30px 0; } #footer p { text-align: center; font-size: 12px; color: #83B3CE; } #footer a { color: #83B3CE; }

---

önizleme : www.paylasim-delisi.tr.gg