- CSS TASARIMLAR 14-15-16-17-18

CSS TASARIMLAR 14-15-16-17-18

CSS TASARIMLAR 14
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="container">  <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#">Sitenin İsmi</a></div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Defter</a></li> <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li> <li><a href="#" _fcksavedurl="#">Site Map</a></li> </ul> </div> </div>   <div id="main"> <div id="sidebar"> <p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz. Yenilikleri Falan Filan İşte. <br> www.css-tasarimm.tr.gg.</p> </div> <div id="text"> <h1>Sitemize Hoşgeldiniz...</h1>

<= Tasarimin ALtına =>

</div> </div>   <div id="footer"> <div id="left_footer">© Copyright 2008 Senin Siten</div> <div id="right_footer">  <a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a> by <a href="http://www.site-mekani.tr.gg" _fcksavedurl="http://www.site-mekani.tr.gg">Site-Mekani</a> </div> </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;} html {background:url(https://img.webme.com/pic/c/css-tasarimm/14-body_bckg.jpg) center repeat-y #1f0100;} body {margin:0; font-size:15px; line-height:18px; font-family:"Times New Roman", Times, serif; background:url(https://img.webme.com/pic/c/css-tasarimm/14-head_bckg.jpg) repeat-x; padding-top:80px;} a {color:#775b30;} a:hover {text-decoration:none;} #container {width:1000px; margin:0 auto;} #header {margin:0 20px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-main_top.jpg) no-repeat #FFFFFF; height:80px;} #logo {float:left; height:30px; padding:50px 0 0 90px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-logo.gif) no-repeat 40px 40px; width:290px;} #logo a {color:#000000; font-size:24px; text-decoration:none; text-transform:uppercase;} #menu {float:left; height:30px; padding:50px 0 0 0; width:580px;} #menu ul {margin:0; padding:0;} #menu ul li {display:inline; list-style:none;} #menu ul a {display:block; float:left; font-size:18px; text-decoration:none; padding:0 10px 2px 10px; color:#000000;} #menu ul a:hover {background-color:#F7F2EE;} #main {margin:0 20px; background-color:#FFFFFF; float:left;} #text {float:right; width:550px; padding:10px 20px 0 20px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text ul li {padding-left:20px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-li.gif) no-repeat; list-style:none;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-size:20px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:left; width:270px; background:url(https://img.webme.com/pic/c/css-tasarimm/14-sidebar_image.jpg) no-repeat 0 10px; padding:420px 50px 20px 50px; color:#775b30; font-size:12px;} #footer {height:149px; clear:both; background:url(https://img.webme.com/pic/c/css-tasarimm/14-footer_bckg.jpg) no-repeat; text-transform:uppercase; font-size:10px; color:#5c5c5c;} #left_footer {float:left; padding:40px 0 0 50px;} #right_footer {float:right; padding:40px 50px 0 0;}
-----------------------------------------------------------------------------------------------------------
CSS TASARIMLAR 15
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="wrapper"> <div id="header"> <div id="navigation"> <a href="#" _fcksavedurl="#">Sayfa</a> | <a href="#" _fcksavedurl="#">Mekan</a> | <a href="#" _fcksavedurl="#">İltşm</a> | <a href="#" _fcksavedurl="#">Arama</a> </div> </div> <div id="inner-wrap"> <div id="side-bar"> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">-Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">-Defter</a></li> <li><a href="#" _fcksavedurl="#">-İletişim</a></li> <li><a href="#" _fcksavedurl="#">-Toplist</a></li> <li><a href="#" _fcksavedurl="#">-Hakkımızda</a></li> </ul> <h3>Site Hakkında</h3> <p>Buraya Siteniz Hakkında Bilgileri Verebilirsiniz.<br>www.css-tasarimm.tr.gg</p> </div> <div id="main">

<= Tasarimin ALtına =>

</div> </div> <div id="footer"> <p> Copyright © 2008 | <a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a> | <a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg">www.css-tasarimm.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;} @charset "utf-8"; /* CSS Tasarim Merkezi www.css-tasarimm.tr.gg */ body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img, div, span { padding:0; margin:0; } body { background-color: #765f38; } #wrapper { width: 786px; margin: 0px auto; } #header { margin-top: 15px; width: 786px; height: 163px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-header.jpg); background-repeat: no-repeat; } #logo { padding-top: 80px; padding-left: 15px; margin:0px; width: 400px; float: left; } #logo a { color: #382612; text-decoration:none; font-family: Times; font-size: 72px; font-style: normal; line-height:72px; } #navigation { padding-top: 12px; color: #382612; font-family: Times; font-size: 24px; float: right; clear: right; width: 300px; } #navigation a { color: #382612; text-decoration: none; font-family: times; font-size: 24px; } #inner-wrap { background-repeat: no-repeat; width: 780px; float: left; background-color: #a28e69; background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-sidebar.gif); background-repeat: repeat-y; background-position:right; } #side-bar { float: right; width: 214px; } #side-bar a { color: #ffffff; text-decoration: none; font-family: Times; padding:0px 10px 5px 20px; } #side-bar ul { list-style: none; } #side-bar h2 { font-weight: 200; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar h3 { font-weight: 100; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar p { padding:0px 10px 20px 20px; font-family: Times; } #main { background-image: url(https://img.webme.com/pic/c/css-tasarimm/15-background.gif); background-repeat: no-repeat; margin-left:20px; float: left; width: 546px; } #footer { width: 780px; height: 40px; background-color: #593c1b; clear: both; padding-top: 15px; } #footer p { text-align: center; color: #cac0ae; font-size: .6em; } #footer a { color: white; } h1 { font-weight: 100; color: #252d05; margin-top: 15px; font-family: Times; } h2 { font-weight: 100; color: #5c4211; margin-top: 15px; font-family: Times; } h3 { font-weight: 100; color: #ffe381; margin-top: 15px; font-family: Times; } p { color: #ffffff; font-family: Times; }
-----------------------------------------------------------------------------------------------------------
CSS TASARIMLAR 16
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

 <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Css Merkez<sup></sup></a></h1> <h2>Tr.gg nin En Büyük Tasarim Sitesi www.css-tasarimm.tr.gg</h2> </div> <div id="menu"> <ul> <li class="active"><a href="www.css-tasarimm.tr.gg" _fcksavedurl="www.css-tasarimm.tr.gg"> Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">TopList</a></li> </ul> </div> </div>   <div id="page">  <div id="content"> <div class="post">

<= Tasarimin ALtına =>

</div> </div>   <div id="sidebar"> <ul> <li id="search"> <h2><b class="text1">Arama</b></h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Arama" /> </fieldset> </form> </li> <li> <h2><b>Men</b> u</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Araştırmalar</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dersler</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ödevler</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> </ul> </li> <li> <h2><b>Dost</b> Sitemiz</h2> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Araştırmalar</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dersler</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ödevler</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Css Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <p id="legal">(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 Tasarim Tümüyle Bize Ayittir. */ body { margin: 30px 0 0 0; padding: 0; background: #2D1719; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; text-transform: lowercase; font-weight: normal; color: #FFF5A4; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #F161B2; } a:hover, a:active { text-decoration: none; color: #F161B2; } a:visited { color: #F161B2; } img { border: none; } img.left { float: left; margin: 7px 15px 0 0; } img.right { float: right; margin: 7px 0 0 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } /* Baslik Resmi */ #header { width: 920px; height: 80px; margin: 0 auto 40px auto; border-bottom: 1px solid #221213; } #logo { float: left; height: 120px; padding: 0 35px; } #logo h1 { font-size: 38px; color: #FFFFFF; } #logo h1 sup { vertical-align: text-top; font-size: 24px; } #logo h1 a { color: #FFFFFF; } #logo h2 { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #DC59A3; } #logo a { text-decoration: none; } /* Menu */ #menu { float: right; padding-right: 30px; } #menu ul { margin: 0; padding: 15px 0 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; background: #391F21; margin-left: 5px; padding: 7px 20px; text-decoration: none; font-size: 13px; color: #FFF5A4; } #menu a:hover { text-decoration: underline; } #menu .active a { } /* Sayfa */ #page { width: 850px; margin: 0 auto; } /* Orta Bölüm www.css-tasarimm.tr.gg */ #content { float: left; width: 600px; } /* Sag */ .post { } .post .title { margin-bottom: 20px; padding-bottom: 5px; background: url(https://img.webme.com/pic/c/css-tasarimm/16-img02.jpg) no-repeat right 50%; border-bottom: 1px dashed #573033; } .post .entry { } .post .meta { padding: 15px 0 60px 0; } .post .meta p { margin: 0; line-height: normal; color: #FFFFFF; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; background: url(https://img.webme.com/pic/c/css-tasarimm/16-img03.gif) no-repeat left center; } .post .meta .comments { padding-left: 22px; background: url(https://img.webme.com/pic/c/css-tasarimm/16-img04.gif) no-repeat left center; } .post .meta b { display: none; } /* Menu Sidebar */ #sidebar { float: right; width: 210px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; padding-left: 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/16-img01.jpg) no-repeat left 60%; } #sidebar h2 { margin-bottom: 10px; border-bottom: 1px dashed #573033; font-size: 18px; font-weight: normal; } /* Arama */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 120px; margin-right: 5px; padding: 3px; border: 1px solid #F0F0F0; } #x { padding: 3px; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* 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; } /* Copyright Telif Hakkı www.css-tasarimm.tr.gg */ #footer { width: 920px; height: 400px; margin: 0 auto; min-height: 74px; padding: 10px 0 0 0; border-top: 1px solid #221213; text-transform: uppercase; font-size: 10px; } html>body #footer { height: auto; } #legal { clear: both; padding-top: 20px; text-align: center; color: #573F41; } #legal a { border-bottom: 1px dotted #573033; text-decoration: none; color: #573F41; } -----------------------------------------------------------------------------------------------------------
CSS TASARIMLAR 17
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="wrapper"> <h1>Css Merkezi</h1> <div id="nav"> <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">Home</a> <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">Servis</a> <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">İletişim</a> <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">Toplist</a> <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">Yorumlar</a> </div> <div id="body"> <div id="body-top"> <div id="body-top-2"></div> <div id="body-bot"> <div id="welcome"> <img src="http://tbn0.google.com/images?q=tbn:dJaPBUWrB9q44M:http://www.resimmerkezi.net/yesil-yaprak_wallpapers_3861_1280x1024.jpg" _fcksavedurl="http://tbn0.google.com/images?q=tbn:dJaPBUWrB9q44M:http://www.resimmerkezi.net/yesil-yaprak_wallpapers_3861_1280x1024.jpg" width="231" height="301" alt="www.css-tasarimm.tr.gg" /> <h2>Hoşgeldiniz.</h2> <p>Sitemize Hoşgeldiniz Bu Tasarim <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">www.css-tasarimm.tr.gg</a> Sitesinden Alınmıştır.Sizde Ordan Bu Tasarimi Kullanabilirsiniz.</p> </div> <div id="conntent">

<= Tasarimin ALtına =>

<div class="fineline"></div> <div id="planer"> <h2>Yaprak Tasarimi</h2> <div class="fineborder"><img src="https://img.webme.com/pic/c/css-tasarimm/css14.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/css14.jpg" width="186" height="79" alt="CSS 14" /></div> <p class="more"><a href="http://www.css-tasarimm.tr.gg/css14.htm" _fcksavedurl="http://www.css-tasarimm.tr.gg/css14.htm" class="bar-lit">Tasarima Git</a></p> </div> <div id="stories"> <h2>Çiçek Tasarimi</h2> <div class="fineborder"><img src="https://img.webme.com/pic/c/css-tasarimm/css15.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-tasarimm/css15.jpg" width="186" height="79" alt="CSS 15" /></div> <p class="more"><a href="http://www.css-tasarimm.tr.gg/css15.htm" _fcksavedurl="http://www.css-tasarimm.tr.gg/css15.htm" class="bar-lit">Tasarima Git</a></p> </div> <div class="clear-flat"></div> </div> <div class="clear"></div> </div> </div> </div> <div id="footer"> <p>Copyright <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg"> www.css-tasarimm.tr.gg</a> Sitesine Ayittir.</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;} html, body, ul, li, h1, h2, h3, h4 { margin: 0px; padding: 0px; list-style: none; } h2{ font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #544e38; } img { border: 0px; } a { text-decoration: underline; } a:hover { text-decoration: underline; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: white; text-align: center; font: 11px verdana, arial, sans-serif; } #wrapper { text-align: left; margin: auto; width: 728px; } #body { background: url(https://img.webme.com/pic/c/css-tasarimm/17-body_bg.gif) repeat-y; color: white; width: 100%; } #body-top { background: top left url(https://img.webme.com/pic/c/css-tasarimm/17-body_top.gif) no-repeat; position: relative; } #body-bot { background: bottom left url(https://img.webme.com/pic/c/css-tasarimm/17-body_bot.gif) no-repeat; padding-bottom: 17px; } #body-top-2 { position: absolute; top: 12px; left: 251px; width: 463px; height: 11px; background: top left url(https://img.webme.com/pic/c/css-tasarimm/17-body_top_2.gif) no-repeat; } #wrapper { position: relative; padding-top: 68px; } h1 { position: absolute; top: 36px; left: 13px; font-size:26px; color:#3f3c2d; font-variant: small-caps; font-family: Arial, Helvetica, sans-serif; } #nav { position: absolute; top: 43px; left: 256px; } #nav a { background-image:url(https://img.webme.com/pic/c/css-tasarimm/17-menu.gif); width:90px; height:19px; display:inline; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-align:center; padding-top:6px; text-decoration:none; color:#e9e4d0; font-weight:bolder; } #nav a:hover { color:#544e38; } #body-bot { padding-top: 12px; } #welcome { float: left; width: 231px; padding-left: 13px; } #welcome a { color: #F2F7F8; } #welcome a:hover { color: #CFCCBF; } #welcome h2 { text-align: center; margin: 11px; color:#ceb085; font-size:24px; } #welcome p { margin: 0px 19px; } #welcome .more { margin-top: 18px; margin-bottom: 10px; } #conntent { float: right; width: 418px; padding-right: 34px; padding-top: 23px; color: #686454; } #conntent .left { margin-right: 10px; } #conntent a { color: #5A5644; } #conntent a:hover { color: #26241A; } #intro { margin: 12px; } .fineline { border-bottom: 1px solid #D3CAA9; margin-bottom: 12px; } .fineline-flat { border-bottom: 1px solid #D3CAA9; } .fineborder { border: 1px solid #D3CAA9; padding: 2px; width: 186px; margin-bottom: 12px; } .bar-lit { padding-left: 6px; background: 0px 4px url(https://img.webme.com/pic/c/css-tasarimm/17-bar_lit.gif) no-repeat; } .bar-drk { padding-left: 6px; background: 0px 4px url(https://img.webme.com/pic/c/css-tasarimm/17-bar_drk.gif) no-repeat; } #picbar { background: #A3A189; width: 415px; margin: 2px 0 19px 0; } #arr-left, #arr-right { float: left; width: 15px; } .picbox { float: left; width: 117px; padding: 2px; border: 1px solid #8B846A; margin: 5px 0px 5px 4px; } #picbar img { display: block; } #arr-right { margin-left: 4px; } #planer { float: left; width: 186px; border-right: 1px solid #D3CAA9; padding-right: 20px; padding-top: 5px; } #stories { float: right; width: 195px; padding-top: 5px; } #planer p, #stories p { margin: 4px 0px; } #planer .more, #stories .more { margin: 12px 0px; } .clear-flat { margin-bottom: 4px; } #footer { font: 11px arial, sans-serif; color: #4E4A3A; text-align: right; padding-right: 47px; } #footer p { margin-top: 0.5em; }
-----------------------------------------------------------------------------------------------------------
CSS TASARIMLAR 18
<== ÖnizLeme ==>

<= Tasarimin Üzerine =>

<div id="wrapper"> <div id="header"> <div id="logo"><a href="#" _fcksavedurl="#">Şehir</a></div> <div id="navigation"> <a href="#" _fcksavedurl="#">Home</a> | <a href="#" _fcksavedurl="#">Site</a> | <a href="#" _fcksavedurl="#">İletişim</a> | <a href="#" _fcksavedurl="#">Haber</a> </div> </div> <div id="inner-wrap"> <div id="side-bar"> <h2>Dost Siteler</h2> <ul> <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> <h3>Site Haberleri</h3> <p>Siteniz Hakkındaki Haberleri Buraya Yazınız.</p> </div> <div id="main">

<= Tasarimin ALtına =>

</div> </div> <div id="footer"> </div> </div>

<= Css KOD BÖLÜMÜNE