- CSS TASARIMLAR 19 -20

CSS TASARIMLAR 19 -20

CSS TASARIMLAR 19
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="bg1"> <div id="header"> <h1><a href="#" _fcksavedurl="#">Siyah Tasarim<sup>1.0</sup></a></h1> <h2>By <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a> + <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">FreeCSSTasarim</a></h2> </div>  </div>  <div id="bg2"> <div id="header2"> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Yorumlar</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Topliste</a></li> </ul> </div>  <div id="search"> <form method="get" action="#"> <fieldset> <input type="text" name="q" value="Arama..." id="q" class="text" /> <input type="submit" value="Ara" class="button" /> </fieldset> </form> </div>  </div>  </div>  <div id="bg3"> <div id="bg4"> <div id="bg5"> <div id="page"> <div id="content"> <div class="post"> <div class="title"> <h2><a href="#" _fcksavedurl="#">Tasarim Tarihi</a></h2> <p>26.10.2008</p> </div>

<= Tasarimin ALtına =>

</div> </div>  <div id="sidebar"> <ul> <li> <h2>Sitemiz Hakkında</h2> <p>Siten Hakkında Herşeyi Buraya Yazabilirsiniz.Daha Fazlası İçin <a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">www.css-tasarimm.tr.gg</a></p> </li> <li> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Site Haritası</a></li> <li><a href="#" _fcksavedurl="#">Dost Siteler</a></li> <li><a href="#" _fcksavedurl="#">Topliste</a></li> <li><a href="#" _fcksavedurl="#">Css Tasarimlar</a></li> </ul> </li> </ul> </div>  <div style="clear: both; height: 40px;"> </div> </div>  </div> </div> </div>  <div id="footer"> <p>(c) 2008 Tasarim by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</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;} /* Design by CSS Tasarim Merkezi http://www.css-tasarimm.tr.gg */ * { margin: 0; padding: 0; } body { margin: 0px; background: #002F43 url(https://img.webme.com/pic/c/css-tasarimm/19-bg01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #B9B9B9; } h1, h2, h3 { margin-bottom: 1.5em; } h1 { font-size: 2em; } h2 { font-size: 1.4em; } h3 { font-size: 1em; } p, ul, ol { margin-bottom: 1.5em; line-height: 180%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #8AC800; } a:hover { text-decoration: none; } strong { color: #D7D7D7; } img.left { float: left; margin: 5px 25px 0px 0px; } img.right { float: right; margin: 5px 0px 0px 25px; } /* Background */ #bg1 { background: url(https://img.webme.com/pic/c/css-tasarimm/19-bg02.jpg) no-repeat center top; } #bg2 { background: url(https://img.webme.com/pic/c/css-tasarimm/19-bg03.jpg) no-repeat center top; } #bg3 { background: url(https://img.webme.com/pic/c/css-tasarimm/19-bg04.jpg) repeat-y center top; } #bg4 { background: url(https://img.webme.com/pic/c/css-tasarimm/19-bg05.jpg) no-repeat center top; } #bg5 { background: url(https://img.webme.com/pic/c/css-tasarimm/19-bg06.jpg) no-repeat center bottom; } /* Header */ #header { width: 900px; height: 145px; margin: 0px auto; text-transform: lowercase; color: #FFFFFF; } #header h1 { float: left; margin: 0px; padding: 70px 0px 0px 25px; font-size: 40px; } #header h1 sup { font-weight: normal; } #header h2 { float: right; margin: 0px; padding: 95px 25px 0px 0px; font-size: 14px; } #header a { text-decoration: none; color: #FFFFFF; } /* Header2 */ #header2 { width: 900px; height: 88px; margin: 0px auto; } /* Menu */ #menu { float: left; } #menu ul { margin: 0px; padding: 34px 0px 0px 0px; list-style: none; text-transform: lowercase; } #menu li { float: left; } #menu a { padding-left: 50px; text-decoration: none; font-size: 16px; font-weight: bold; color: #FFFFFF; } /* Search */ #search { float: right; } #search form { margin: 0px; padding: 35px 80px 0px 0px; } #search fieldset { margin: 0px; padding: 0px; border: none; } #search input.text { width: 160px; background: none; border: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #AEC38B; } #search input.button { display: none; } /* Page */ #page { width: 846px; margin: 0px auto; padding: 40px 0px 0px 0px; } /* Content */ #content { float: left; width: 583px; } .post { } .post .title { height: 49px; background: url(https://img.webme.com/pic/c/css-tasarimm/19-img02.gif) no-repeat; } .post .title h2 { float: left; padding: 12px 0px 0px 24px; font-size: 24px; text-transform: lowercase; } .post .title h2 a { text-decoration: none; color: #FFFFFF; } .post .title h2 a:hover { color: #8AC800; } .post .title p { float: right; padding: 12px 24px 0px 0px; font-size: 15px; font-weight: bold; color: #343434; } .post .entry { padding: 30px 23px 0px 23px; } .post .meta { height: 70px; clear: left; margin: 0px 23px; padding: 15px 0px 0px 0px; border-top: 1px solid #262626; } .post .meta .credit { float: left; } .post .meta .links { float: right; } .post .meta .links .more { padding-left: 17px; background: url(https://img.webme.com/pic/c/css-tasarimm/19-img05.gif) no-repeat left center; } .post .meta .links .comments { padding-left: 19px; background: url(https://img.webme.com/pic/c/css-tasarimm/19-img04.gif) no-repeat left center; } /* Sidebar */ #sidebar { float: right; width: 236px; } #sidebar ul { margin: 0px; padding: 0px; list-style: none; } #sidebar li { background: url(https://img.webme.com/pic/c/css-tasarimm/19-img03.gif) no-repeat; padding: 0px 23px 20px 23px; } #sidebar li ul { } #sidebar li li { padding: 8px 0px; background: none; border-bottom: 1px solid #262626; } #sidebar h2 { margin: 0px; padding: 16px 0px 30px 0px; text-transform: lowercase; font-size: 14px; color: #FFFFFF; } /* Footer */ #footer { } #footer p { margin: 0px; padding: 20px 0px; text-align: center; text-transform: lowercase; color: #566D77; } #footer a { color: #8097A1; }

CSS TASARIMLAR 20

<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="menu"> <ul> <li><a href="#" _fcksavedurl="#" accesskey="1" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" accesskey="2" title="">Blog</a></li> <li><a href="#" _fcksavedurl="#" accesskey="3" title="">Toplist</a></li> <li><a href="#" _fcksavedurl="#" accesskey="4" title="">Yorum</a></li> <li><a href="#" _fcksavedurl="#" accesskey="5" title="">Hakkında</a></li> <li><a href="#" _fcksavedurl="#" accesskey="6" title="">İletişim</a></li> </ul> </div> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Css Merkez</a></h1> <h2><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a></h2> </div> <div id="banner"><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></div> </div>  <div id="page"> <div id="conntent"> <div class="post"> <h1 class="title">CSS Tasarimm.tR.gg</h1> <div class="story"> Buraya siteniz hakkına bir şeyler yazabilirsiniz. Haberler, duyururular vs... </div> <div class="meta"> <p class="date">Tasarimm Tarihi 31.10.2oo8</p> </div> </div> <div class="post boxed"> <h2 class="title">CSS Tasarim Merkezi!!!</h2> <div class="story">

<= Tasarimin ALtına =>

</div> <div class="meta"> <p class="date">Tasarimm Tarihi 31.10.2oo8</p> </div> </div> </div>  <div id="sidebar"> <ul> <li> <h2>Geçmiş (Arşiv)</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ocak 2008</a> <i>(2)</i></li> <li><a href="#" _fcksavedurl="#">Şubat 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mart 2008</a> <i>(30)</i></li> <li><a href="#" _fcksavedurl="#">Nisan 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mayıs 2008</a> <i>(28)</i></li> <li><a href="#" _fcksavedurl="#">Haziran 2008</a> <i>(31)</i></li> </ul> </li> <li> <h2>Menu</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defterit</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Css Design</a></li> <li><a href="#" _fcksavedurl="#">Anketler Site Hakkında </a></li> <li><a href="#" _fcksavedurl="#">İceblue Tasarimlar </a></li> </ul> </li> <li> <h2>Site İle İlgili</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">İceblue Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Red Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Butterfly Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">CSS Menu Yapımı </a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p id="legal">Copyright © 2008 Murat. Tasarim by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</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;} /* CSS Tasarim Merkezi Design By ::: www.css-tasarimm.tr.gg */ * { margin: 0; padding: 0; } body { background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/20-img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #7F7772; } h1, h2, h3 { margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #333333; } h1 { font-size: 197%; } h2 { font-size: 152%; } h3 { font-size: 100%; font-weight: bold; } p, ul, ol { margin-bottom: 15px; line-height: 1.6em; } ul, ol { margin-left: 2em; } blockquote { margin-left: 1em; padding-left: 1em; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-y; font-style: italic; } a:link { color: #0AAAFD; } a:hover, a:active { text-decoration: none; color: #FF6700; } a:visited { color: #7F7772; } img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } /* Menu */ #menu { width: 770px; height: 105px; margin: 0 auto; margin-top: -27px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; width: 122px; height: 65px; padding: 40px 0 0 0; } #menu a { display: block; width: 122px; height: 32px; padding: 13px 0 0 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img02.jpg) no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img03.jpg); } #menu .active { padding-top: 35px; } #menu .active a { height: 37px; padding-top: 16px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); color: #327EBE; } #menu .active a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); } /* Header */ #header { width: 770px; height: 160px; margin: 0 auto; } /* Logo */ #logo { float: left; width: 250px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img05.jpg) no-repeat; } #logo h1, #logo h2 { text-align: center; } #logo h1 { padding-top: 90px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img07.jpg) no-repeat center center; letter-spacing: 8px; font-size: 197%; } #logo h2 { letter-spacing: 2px; font-size: 85%; } #logo a { text-transform: uppercase; text-decoration: none; color: #FFFFFF; } /* Banner */ #banner { float: right; width: 520px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img06.jpg) no-repeat; } #banner a { float: right; padding: 120px 20px 0 0; text-decoration: none; text-align: right; font-size: 136%; font-style: italic; color: #FFFFFF; } #page { width: 760px; margin: 0 auto; padding: 20px 0 0 0; } #conntent { float: right; width: 510px; } .post { margin-bottom: 20px; } .post .title { padding: 0 20px; } .post .story { padding: 0 20px; } .post .meta { padding: 5px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } .post .meta p { margin: 0; font-size: 77%; } .boxed .title { height: 32px; margin: 0; padding: 8px 0 0 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img08.jpg) no-repeat; letter-spacing: -1px; color: #FF3300; } .boxed .story { padding: 20px; border: 1px solid #FF8D17; } .boxed .meta { padding: 5px 10px; background: #FF8D17; color: #FFFFFF; } .boxed .meta a { color: #FFFFFF; } /* Sidebar */ #sidebar { float: left; width: 240px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 15px; } #sidebar li ul { padding: 10px; border: 1px solid #0AAAFD; border-top: none; } #sidebar li li { margin: 0; padding: 3px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } #sidebar li li.first { background: none; } #sidebar li h2 { height: 30px; margin: 0; padding: 10px 0 0 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img10.jpg) no-repeat; letter-spacing: -1px; color: #327EBE; } #sidebar a:link { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar li a { padding-left: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img11.gif) no-repeat left center; } /* Footer */ #footer { clear: both; height: 100px; padding: 15px 0; background: #D1D1D1; border-top: 5px solid #999999; text-align: center; } #footer p { margin: 0; color: #999999; } #footer a { color: #999999; } #footer a:hover { color: #FFFFFF; }