- CSS TASARIMLAR 4-5-6-7

CSS TASARIMLAR 4-5-6-7

CSS TASARIMLAR 4
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

 <div id="topbg"> </div> <div id="header"> <h1>www.css-tasarimm.tr.gg</h1> <p> CSS Tasarim Merkezi</p> </div>   <div id="page"> <div class="bgtop"> <div class="bgbtm">  <br><br><br>

<= Tasarimin ALtına =>

<div id="sidebar"> <ul> <li> <h2>Menü</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> </li> <li> <h2>Tasarimlar</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li> </ul> </li> </ul> </div>  <div style="clear:both"> </div> </div> </div> </div> <div id="footer"> <p></p> </div>

<= 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; font-size: 13px; text-align: justify; } body, th, td, input, textarea, select, option { font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; color: #61492D; } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #66A342; } h1 { letter-spacing: -2px; font-size: 3em; } h2 { letter-spacing: -1px; font-size: 3em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { margin: 15px 0px; padding: 5px 7px 5px 40px; font-weight: normal; font-size: 17px; line-height: 1.6em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; color: #66A342; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #66A342; } a:hover { color: #66A342; } hr { display: none; } /* Header */ #topbg { width: 800px; height: 50px; margin: 0 auto; padding: 0; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img01.jpg) no-repeat left top; } #header { width: 800px; height: 300px; margin: 0 auto; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img02.jpg) no-repeat left top; } #header h1, #header p { margin: 0; padding: 0; } #header h1 { font-size: 52px; padding: 190px 0 0 35px; color: #FFFFFF; } #header p { margin-top: -20px; padding: 0 0 0 30px; font-size: 24px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; text-transform: lowercase; } #header a { text-decoration: none; color: #F79F1A; } /* Page */ #page { width: 800px; margin: 0 auto; padding-top: 30px; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img03.jpg) no-repeat left top; } /* Content */ #content { float: left; width: 530px; margin: 0; padding-left: 30px; color: #666666; } .post { padding: 0px 0 0 0; } .title { padding: 0 20px 5px 0px; font-size: 26px; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img06.gif) no-repeat right 40%; border-bottom: 2px #66A342 dashed; margin-right: 20px; } .title a { text-decoration: none; color: #66A342; } .pagetitle { } .byline { margin: -25px 20px 0 0px; color: #66A342; } .meta { text-align: left; color: #66A342; padding: 5px 20px 5px 25px; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img07.gif) no-repeat left 50%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin-right: 20px; } .meta .more { } .meta .comments { background: url(https://img.webme.com/pic/c/css-tasarimm/4-img07.gif) no-repeat left 50%; padding-left: 25px; } .meta a { color: #66A342; } .navigation { } .alignleft { float: left; } .alignright { float: right; } .posts { margin: 0; padding: 0; list-style: none; line-height: normal; } .posts li { } .posts h3 { margin: 0; font-weight: bold; } .posts p { margin: 0; line-height: normal; } .posts a { } .entry { margin: 0; padding: 17px 20px 5px 0px; } .last { border: none; } /* Sidebar */ #sidebar { float: right; width: 210px; margin-bottom: 10px; padding-right: 30px; color: #66A342; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { margin-left: 20px; padding: 0; } #sidebar li li { margin: 0 0 0 0; margin: 0 0 0 0; line-height: 35px; border-bottom: 1px #66A342 dotted; } #sidebar h2 { margin: 0px 0 0 20px; height: 35px; font-size: 18px; color: #66A342; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img04.gif) no-repeat right 30%; border-bottom: 2px #66A342 dashed; } #sidebar a { text-decoration: none; } #sidebar a:hover { text-decoration: none; } /* Search */ #search input { display: none; } #search input#s { display: block; width: 230px; padding: 2px 5px; border: 1px solid #3DD1FF; background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/4-img05.gif) repeat-x; } #search br { display: none; } /* Calendar */ #calendar { } #calendar h2 { margin-bottom: 15px; } #calendar table { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { width: 100%; text-align: center; } #next { text-align: right; } #prev { text-align: left; } /* Footer */ #footer { width: 800px; margin: 0 auto; height: 50px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #48AB07; background: url(https://img.webme.com/pic/c/css-tasarimm/4-img01.jpg) no-repeat left top; margin-bottom: 27px; } #footer p { padding-top: 15px; } #footer p a { color: #69B536; } img { border: none; } img.left { float: left; margin: 3px 20px 30px 0px; } img.right { float: right; margin: 3px 0px 10px 30px; }

CSS TASARIMLAR 5

<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div class="container"> <div class="top"> <a href="index.htm" _fcksavedurl="index.htm"><span>Css Tasarim Merkezi</span></a> </div> <div class="header"></div> <div class="main"> <div class="item"> <div class="date"> <div>21.09</div> <span>2008</span> </div> <div class="content"> <h1>www.css-tasarimm.tr.gg</h1> <div class="body">

<= Tasarimin ALtına =>

</div> </div> <div class="navigation"> <h1>Menü</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> <h1>Tasarimlar</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> <h1>Arşiv</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">September</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a></li> </ul> </div> <div class="clearer"><span></span></div> <div class="footer">© 2008 <a href="#" _fcksavedurl="#">Siteniz.tR.gg</a>. Valid <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS</a> & <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">XHTML</a>. Tasarim design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">Css Tasarim Merkezi</a> </div> </div>

<= 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;} /*############################################################# WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG #############################################################*/ /* standard elements */ * { margin: 0; padding: 0; } a {color: #682;} a:hover {color: #9A6;} body { background: #5F8000 url(https://img.webme.com/pic/c/css-tasarimm/5-bg.gif) repeat-y center top; color: #333; font: normal 62.5% "Lucida Sans Unicode",sans-serif; } input { color: #555; font: normal 1.1em "Lucida Sans Unicode",sans-serif; } p,cite,code,ul { font-size: 1.2em; padding-bottom: 1.2em; } ul {margin-left: 1.2em;} li {list-style-image: url(https://img.webme.com/pic/c/css-tasarimm/5-li.gif);} h1 {font-size: 1.4em;} blockquote { background: #FFF; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; color: #333; display: block; font-size: 0.9em; margin-bottom: 1.2em; padding: 6px 12px; } blockquote p {padding: 3px 0;} h1,h2,h3 {color: #654;} /* misc */ .clearer {clear: both;} /* structure */ .container { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgcontainer.gif) repeat-y; margin: 0 auto; width: 702px; } /* top */ .top { background: #567300; font: normal 2.4em Verdana,sans-serif; height: 60px; margin: 0 auto; width: 630px; } .top a { color: #FFF; display: block; line-height: 60px; text-decoration: none; width: 100%; } .top span {padding-left: 24px;} .top a:hover { background: #688B00; color: #FFF; } /* header */ .header { background: url(https://img.webme.com/pic/c/css-tasarimm/5-header.jpg) no-repeat; height: 180px; margin: 0 auto; width: 630px; } /* item */ .item {clear: both;} .item .date { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgdate.gif) no-repeat; color: #FDD; float: left; height: 40px; text-align: center; width: 36px; } .item .date div {padding-top: 4px;} .item .date span {font: normal 1.6em serif;} .item .content { float: left; width: 420px; } .item h1 { background: #567300; color: #FFF; line-height: 40px; padding-left: 16px; } .item .body {padding: 12px 18px;} /* main */ .main {float: left;} /* navigation */ .navigation { float: left; margin-left: 1px; width: 208px; } .navigation h1 { background: #81AC00; color: #FFF; font-size: 1.3em; line-height: 40px; padding-left: 12px; } .navigation ul {margin: 0; padding: 0;} .navigation li { border-bottom: 1px solid #D5E8AD; list-style: none; } .navigation li a { background: #E8F6BF url(https://img.webme.com/pic/c/css-tasarimm/5-bgnavigation.gif) repeat-x; color: #553; display: block; padding: 8px 4px 8px 12px; text-decoration: none; } .navigation li a:hover { background: #F0FFC6; color: #553; } /* footer */ .footer { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgfooter.gif) repeat-x; color: #FFF; font-size: 1.1em; line-height: 40px; margin: 0 auto; text-align: center; width: 626px; } .footer a {color: #FFF;} .footer a:hover {color: #FAFCB0;}

CSS TASARIMLAR 6

<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="container"> <div id="header"> <h1><a href="#" _fcksavedurl="#">Merkez</a></h1> <h2>Css Tasarim Bizim İşimiz</h2> <ul id="mainMenu"> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Hakkında</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">SiteMap</a></li> <li><a href="#" _fcksavedurl="#">Arşiv</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><span>Arama:</span></li> <li class="formList"><form action="www.css-tasarimm.tr.gg"> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <input type="text" name="search" size="10" class="searchBox" /> <button type="submit" class="goButton"><span>Git</span></button> </div></div></div></div> </form></li> </ul> </div> <div id="mainContent"> <div class="blog"> <h2 class="blogTitle"><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">Css Tasarim Bizim İşimiz www.css-tasarimm.tr.gg</a></h2> <h3 class="meta">tR.gg'nin En Büyük Tasarim Veren Sitesi Olma Yolundayız...</h3>

<= Tasarimin ALtına =>

</div> <h2 class="boxDesc">Arşiv:</h2> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <ul> <li><a href="#" _fcksavedurl="#">Ocak 2008</a></li> <li><a href="#" _fcksavedurl="#">Şubat 2008</a></li> <li><a href="#" _fcksavedurl="#">Mart 2008</a></li> <li><a href="#" _fcksavedurl="#">Nisan 2008</a></li> <li><a href="#" _fcksavedurl="#">Mayıs 2008</a></li> <li><a href="#" _fcksavedurl="#">Haziran 2008</a></li> <li><a href="#" _fcksavedurl="#">Temmuz 2007</a></li> <li><a href="#" _fcksavedurl="#">Ağustos 2007</a></li> <li><a href="#" _fcksavedurl="#">Eylül 2007</a></li> <li><a href="#" _fcksavedurl="#">Ekim 2007</a></li> <li><a href="#" _fcksavedurl="#">Kasim 2007</a></li> <li><a href="#" _fcksavedurl="#">Aralık 2007</a></li> </ul> </div></div></div></div> <h2 class="boxDesc">Kategori:</h2> <div class="c1"><div class="c2"><div class="c3"><div class="c4"> <ul> <li><a href="#" _fcksavedurl="#">Oyun</a></li> <li><a href="#" _fcksavedurl="#">İnndir</a></li> <li><a href="#" _fcksavedurl="#">Aşk</a></li> <li><a href="#" _fcksavedurl="#">Html Kodlar</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle Hit Kazan</a></li> <li><a href="#" _fcksavedurl="#">Lig TV İzle</a></li> <li><a href="#" _fcksavedurl="#">Maç Skorları</a></li> <li><a href="#" _fcksavedurl="#">Puan Durumu</a></li> <li><a href="#" _fcksavedurl="#">Downloads Merkezi</a></li> <li><a href="#" _fcksavedurl="#">Css Tasarim Merkezi</a></li> <li><a href="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#">Red Tasarim</a></li> <li><a href="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> <li><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></li> </ul> </div></div></div></div> <br class="clear" /> </div> <div id="footer"> <p>Copyright © 2008, WwW.Site-Adi.tR.gg <img src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" alt="" class="bullet" /> Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">Css Tasarim Merkezi</a> <img src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" alt="" class="bullet" /> <a href="#" _fcksavedurl="#">WwW.Site-Adi.tR.gg</a></p> </div> </div>

<= 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;} * { margin: 0; padding: 0; } body { font: 13px Georgia, "Times New Roman", Times, serif; background: url(https://img.webme.com/pic/c/css-tasarimm/6-header.jpg) top center no-repeat #870010; text-align: center; color: #FFF; } /**** GENERAL STYLES WWW.CSS-TASARİMM.TR.GG ****/ a { color: #F47D1F; text-decoration: none; } a:hover { color: #FFCFB3; } p { line-height: 1.4em; text-align: justify; padding: 10px 0 0 0; } #mainContent ul, #mainContent ol { margin-left: 40px; line-height: 1.8em; padding: 10px 0 0 0; } #mainContent ul { list-style: url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_o.gif); } blockquote { border-left: 4px solid #B21; color: #FFCFB3; margin: 10px 40px 0 40px; line-height: 1.8em; padding: 0 10px 10px 10px; } blockquote:first-line { font-size: 20px; font-style: italic; line-height: 1.4em; } code { border-bottom: 1px dotted #B21; color: #FFCFB3; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-variant: small-caps; line-height: 1.5em; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /**** GENERAL LAYOUT WWW.CSS-TASARİMM.TR.GG ****/ #container { width: 868px; margin: 0 auto; text-align: left; } #header { height: 520px; padding: 0 10px 0 20px; } #mainContent { background: url(https://img.webme.com/pic/c/css-tasarimm/6-footer.jpg) bottom center no-repeat; } /**** HEADER STYLES WWW.CSS-TASARİMM.TR.GG ****/ #header h1 { float: left; font-size: 72px; font-weight: normal; font-variant: normal; line-height: 1.2em; padding-top: 10px; } #header h1 a { color: #FFF; } #header h1 a:hover { color: #FFCFB3; } #header h2 { float: left; font-size: 16px; font-weight: normal; font-style: italic; font-variant: normal; line-height: 1.2em; padding: 35px 0 0 10px; } /**** MAIN MENU LAYOUT and STYLES WWW.CSS-TASARİMM.TR.GG ****/ #mainMenu { color: #FFCFB3; float: right; font-size: 30px; line-height: 1.5em; list-style: none; margin-left: -35px; position: relative; } #mainMenu a { color: #FFF; } #mainMenu a:hover { background: #FFCFB3; color: #870010; } #mainMenu a, #mainMenu span { padding: 0 5px; } /**** BLOG LAYOUT and STYLES WWW.CSS-TASARİMM.TR.GG ****/ .blog { padding-bottom: 40px; } .blog h2.blogTitle { font-size: 28px; font-weight: normal; font-variant: normal; line-height: 18px; position: relative; z-index: 1; } .blog h3.meta { background: url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat; color: #FFCFB3; font-size: 13px; font-weight: normal; font-variant: normal; height: 36px; line-height: 36px; padding: 0 10px 0 15px; position: relative; z-index: 0; } * html .blog h3.meta { padding-top: 10px; } .blog h2.blogTitle a { color: #FFF; } .blog h2.blogTitle a:hover { color: #FFCFB3; } .blog h3.meta a { color: #FFCFB3; } .blog h3.meta a:hover { color: #FFF; } img.bullet { padding: 0 4px; } /**** ROUNDED CORNER BOX STYLES WWW.CSS-TASARİMM.TR.GG ****/ .c1 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c1.gif) top left no-repeat #EC691F; margin: 0 0 40px 0; } .c2 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c2.gif) top right no-repeat; } .c3 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c3.gif) bottom left no-repeat; } .c4 { background: url(https://img.webme.com/pic/c/css-tasarimm/6-c4.gif) bottom right no-repeat; } #mainContent .c4 p, #mainContent .c4 ul { padding: 0 20px; line-height: 36px; margin-left: 0; } /**** ROUNDED CORNER BOTTOM BOX STYLES WWW.CSS-TASARİMM.TR.GG ****/ .c4 li { display: inline; background: url(https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif) center right no-repeat; } .c4 li a { color: #FFCFB3; margin-right: 11px; white-space: nowrap; } .c4 li a:hover { color: #FFF; } .boxDesc { font-size: 28px; font-weight: normal; font-variant: normal; } /**** ROUNDED CORNER BOX - INPUT STYLES WWW.CSS-TASARİMM.TR.GG ****/ li.formList .c1, li.formList .c2, li.formList .c3, li.formList .c4 { width: 125px; } #postComment .c1, #postComment .c2, #postComment .c3, #postComment .c4 { height: 40px; line-height: 40px; width: 300px; } .c4 input.searchBox, #postComment input, .postCommentTA textarea { background: transparent; border: none; color: #870010; font: 12px Georgia, "Times New Roman", Times, serif; position: relative; left: 4px; width: 80px; } #mainContent .c1 { margin-bottom: 15px; } #postComment input { float: left; position: relative; top: 12px; width: 200px; } #postComment .postCommentTA .c1, #postComment .postCommentTA .c2, #postComment .postCommentTA .c3, #postComment .postCommentTA .c4 { height: auto; width: 500px; } #mainContent #postComment .postCommentTA .c1 { margin-bottom: 30px; } .postCommentTA textarea { margin: 10px; overflow: auto; width: 470px; } #postComment label { color: #FFCFB3; float: right; padding-right: 10px; } #mainMenu li.formList { line-height: .6em; } /**** BUTTON STYLES WWW.CSS-TASARİMM.TR.GG ****/ .goButton { background: url(https://img.webme.com/pic/c/css-tasarimm/6-button.gif) center center no-repeat; border: none; color: #FFCFB3; height: 28px; width: 38px; } .goButton span { position: relative; top: -1px; } .postButtonCluster { position: relative; top: -20px; } .postButtonCluster button { background: none; border: none; color: #FFCFB3; font: 16px Georgia, "Times New Roman", Times, serif; margin-right: 20px; } /**** COMMENT LIST STYLES WWW.CSS-TASARİMM.TR.GG ****/ #commentList { list-style-position: outside; position: relative; left: -40px; margin-right: -40px; width: 868px; } #commentList li { background: url(https://img.webme.com/pic/c/css-tasarimm/6-blog_meta.jpg) no-repeat; color: #FFCFB3; font-size: 13px; font-weight: normal; font-variant: normal; padding: 0 10px 0 15px; } .commentMeta { clear: both; height: 36px; } .cml { float: left; } .cmr { float: right; font-size: 10px; } .commentContent { color: #FFF; position: relative; top: -20px; } /**** FOOTER STYLES ****/ #footer p { color: #FFCFB3; font-size: 11px; padding: 10px 0; text-align: center; } /**** IMAGE FLOATING, IMAGE CENTERING WWW.CSS-TASARİMM.TR.GG ****/ .floatImgR, .floatImgL, .imageCenter { border: 1px solid #B21; padding: 2px; } .floatImgR { float: right; margin: 10px 0 5px 10px; } .floatImgL { float: left; margin: 10px 10px 5px 0; } .imageCenter { display: block; margin: 10px auto; } /**** CLEARING ****/ br.clear { clear: both; }

CSS TASARIMLAR 7

<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="header"> <div id="logo"> <h3><a href="#" _fcksavedurl="#">Tasarim</a></h3> <h4>By <a href="www.css-tasarimm.tr.gg/" _fcksavedurl="www.css-tasarimm.tr.gg/">Css Tasarim Merkezi</a> + <a href="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="#" accesskey="1" title="">ana sayfa</a></li> <li><a href="#" _fcksavedurl="#" accesskey="2" title="">iletişim</a></li> <li><a href="#" _fcksavedurl="#" accesskey="3" title="">yorumlar</a></li> <li><a href="#" _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">

<= Tasarimin ALtına =>

</div> <p class="meta"></p> </div> </div>  <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="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> </li> <li> <h4>Tasarimlar</h4> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div> </div>  <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/">Css Tasarim Merkezi</a> ve <a href="http://WwW.Site-Adi.tR.gg" _fcksavedurl="http://WwW.Site-Adi.tR.gg">WwW.Site-Adi.tR.gg</a>.</p> </div>

<= 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;} /* WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.TR.GG WWW.CSS-TASARİMM.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; }