<= Tasarimin Üzerine =>

<div>&nbsp;</div> <!-- end content --><!-- start sidebar --> <div id="sidebar"> <div class="wrap"> <div class="top"> <div class="btm"> <ul> <li> <h2>Men&uuml;</h2> <ul> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Yorumlar</a></li> </ul> </li> <li> <h2>Tasarimlar</h2> <ul> <li><a href="#">İceblue Tasarim</a></li> <li><a href="#">Red Tasarimları</a></li> <li><a href="#">Butterfly Tasarimlari</a></li> <li><a href="#">CSS Design</a></li> <li><a href="#">Flash Tasarim</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#">September</a> (23)</li> <li><a href="#">Ağustos</a> (31)</li> <li><a href="#">Ocak</a> (31)</li> <li><a href="#">Şubat</a> (30)</li> <li><a href="#">Mart</a> (31)</li> <li><a href="#">Nisan</a> (30)</li> </ul> </li> </ul> </div> </div> </div> </div> <!-- end sidebar --> <div style="clear: both">&nbsp;</div> <div>&nbsp;</div> <div>&nbsp;</div> <div id="footer"> <p>&copy;2008 Her Hakkı Saklıdır &bull; Design by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div>

<= Tasarimin ALtına =>
<div id="header"> <h1>WwW.KaLBimSin.iLe.Biz</h1> <p>Css Tasarim Merkezi</p> </div> <!-- end header --><!-- start page --> <div id="wrapper"> <div id="page"><!-- start content --> <div id="content">&nbsp;</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;} body { margin-top: 20px; margin: 0; padding: 0; background: #C0F3FD url(https://img.webme.com/pic/c/css-tasarimm/2-img01.gif) repeat-x left top; font-size: 11px; text-align: justify; color: #1F1F1F; } body, th, td, input, textarea, select, option { font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000000; } h1 { letter-spacing: -2px; font-size: 3em; } h2 { letter-spacing: -1px; font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #FFFFFF; } a:hover { color: #FFFFFF; } hr { display: none; } #wrapper { margin: 0; padding: 0; background: #C0F3FD url(https://img.webme.com/pic/c/css-tasarimm/2-img02.jpg) repeat-x left top; } /* Header */ #header { width: 800px; height: 200px; margin: 0 auto; padding: 50px 0 0 0; font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; background: url(https://img.webme.com/pic/c/css-tasarimm/2-img04.jpg) no-repeat left 20%; } #header h1, #header p { margin: 0; } #header h1 { float: left; color: #000000; font-size: 36px; padding-left: 75px; height: 70px; } #header p { float: left; padding: 17px 0 0 10px; font-size: 12px; font-weight: bold; } #header a { text-decoration: none; color: #F79F1A; } #banner { margin: 0 auto; margin-bottom: 15px; padding: 0; width: 800px; height: 250px; background: url(https://img.webme.com/pic/m/massqara/css2.bmp) no-repeat left top; } /* Page */ #page { width: 800px; margin: 0 auto; margin-bottom: 15px; } /* Content */ #content { float: right; width: 505px; margin: 0; padding: 25px 25px 15px 20px; } .post { padding: 0px 0 0 0; } .title { border-left: 6px solid #2E2E2E; padding: 0 20px 0 10px; font-size: 24px; } .title a { text-decoration: none; color: #FFFFFF; } .pagetitle { } .byline { margin: -25px 20px 0 17px; color: #303030; } .meta { text-align: left; color: #17A141; padding: 10px 20px 10px 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; background: #34CD65; border: 3px solid #000000; } .meta .more { padding-left: 10px; } .meta .comments { padding-left: 10px; } .meta a { color: #000000; } .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: 0 0 15px 17px; } .last { border: none; } /* Sidebar */ #sidebar { float: left; width: 245px; margin-top: -130px; padding: 0 0 0 0; color: #17A141; } #sidebar .btm { margin: 0; padding: 0; background: url(https://img.webme.com/pic/m/massqara/css3.bmp) no-repeat left bottom; } #sidebar .top { background: url(https://img.webme.com/pic/c/css-tasarimm/2-img05.gif) no-repeat left top; } #sidebar .wrap { background: url(https://img.webme.com/pic/c/css-tasarimm/2-img06.gif) repeat-y left top; } #sidebar ul { margin: 0; padding: 40px 20px 40px 40px; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { margin: 0 0 0 0; padding: 0 0 20px 0; } #sidebar li li { margin: 0 0 0 10px; padding: 0 0 0 10px; line-height: 25px; } #sidebar h2 { margin: 0; padding-left: 40px; height: 35px; font-size: 18px; background: url(https://img.webme.com/pic/c/css-tasarimm/2-img08.gif) no-repeat left top; } #sidebar a { } #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; } #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: auto; height: 118px; background: url(https://img.webme.com/pic/c/css-tasarimm/2-img03.gif) repeat-x left top; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } #footer p { padding: 50px 0; } #footer p a { }
TASARIMIN GÖRÜNÜMÜ

 
<= Tasarimin Üzerine =>

<div>&nbsp;</div> <!-- end content --><!-- start sidebar --> <div id="sidebar"> <ul> <li> <h2>Men&uuml;</h2> <ul> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Yorumlar</a></li> </ul> </li> <li> <h2>Tasarimlar</h2> <ul> <li><a href="#">İceblue Tasarim</a></li> <li><a href="#">Red Tasarimları</a></li> <li><a href="#">Butterfly Tasarimlari</a></li> <li><a href="#">CSS Design</a></li> <li><a href="#">Flash Tasarim</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#">September</a> (23)</li> <li><a href="#">Ağustos</a> (31)</li> <li><a href="#">Ocak</a> (31)</li> <li><a href="#">Şubat</a> (30)</li> <li><a href="#">Mart</a> (31)</li> <li><a href="#">Nisan</a> (30)</li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both">&nbsp;</div> <div>&nbsp;</div> <!-- end page --> <div id="footer"> <p>&copy;2008 T&uuml;m Hakları SakLıdır. &bull; Design by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div>


<= Tasarimin ALtına =>
<div id="header"> <div id="logo"> <h1>&nbsp;</h1> <p>----------------------------------------------------</p> </div> <div id="search"> <form action="" method="get"> <fieldset><input id="s" name="s" type="text" /> <input id="x" type="submit" value="Arama" /> </fieldset> </form> </div> </div> <!-- end header --><!-- start menu --> <div id="menu"> <ul> <li class="current_page_item"><a href="#">Ana Sayfa</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">Site Haritası/a&gt; </a></li> </ul> </div> <!-- end menu --><!-- start page --> <div id="page"><!-- start content --> <div id="content"> <h1 class="pagetitle">Buraya Sitenin BasLigini Yaz</h1> <h2 class="title">Hoşgeldiniz</h2> </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;} /* Design by WWW.KaLBimSin.iLe.Biz */ body { margin: 0; padding: 0; background: #AAE74A url(https://img.webme.com/pic/c/css-tasarimm/3-img04.gif) repeat-x; } body, th, td, input, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } p, ol, ul { line-height: 170%; } a:hover { text-decoration: none; } /* Header */ #header { width: 960px; height: 120px; margin: 0 auto; } #logo { float: left; height: 120px; margin-top: -11px; margin-left: 10px; background: url(https://img.webme.com/pic/m/mykalbisi/destek.gif) no-repeat left center; } #logo h1, #logo p { text-transform: lowercase; } #logo h1 { margin: 0; padding: 25px 0 0 85px; letter-spacing: -2px; font-size: 3em; font-weight: normal; color: #000000; } #logo h1 a { color: #000000; } #logo p { margin: -10px 0 0 2px; padding: 0 0 0 85px; text-transform: lowercase; } #search { float: right; width: 280px; } #search form { margin-top: -5px; padding: 63px 0 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search #s, #search #x { float: left; } #search #s { width: 188px; margin: 2px 6px 0 0; padding: 2px 5px; background: url(https://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x; border: 1px solid #ACACAC; } #search #x { width: 67px; height: 28px; padding: 0; background: #006BFF url(https://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat; border: none; text-transform: lowercase; color: #FFFFFF; } /* Menu */ #menu { width: 962px; height: 50px; margin-top: -32px; margin-left: auto; margin-right: auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; } #menu a { display: block; float: left; height: 38px; padding: 8px 20px 0 20px; text-decoration: none; text-transform: lowercase; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { background: url(https://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; } #menu .current_page_item a { background: url(https://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right top; font-weight: bold; } /* Page */ #page { width: 962px; margin: 0 auto; background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; } /* Content */ #content { float: right; width: 700px; padding: 0; background: none no-repeat; } #content a { color: #FF8900; } .pagetitle { height: 33px; margin: 0; padding: 8px 0 0 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/3-img13.gif) no-repeat; font-size: 1.4em; color: #FFFFFF; } #content #rss-posts { display: block; margin: -30px 15px 0px 0px; padding: 0 20px 0 0; background: url(https://img.webme.com/pic/c/css-tasarimm/3-rss.gif) no-repeat right center; text-align: right; font-weight: bold; color: #FFFFFF; } .post { padding: 40px 30px 0 30px; } .title { margin: 0; font-size: 2.4em; font-weight: normal; } .byline { margin: 0 0 20px 0; } .meta { border-top: 1px dotted #CCCCCC; text-align: right; } .meta .more, .meta .comments { padding-left: 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left center; } /* Sidebar */ #sidebar { float: left; width: 230px; padding: 11px 5px 0 11px; background: url(https://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 20px; } #sidebar li ul { padding: 10px 15px; } #sidebar li li { margin: 0; padding-left: 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left center; } #sidebar h2 { height: 33px; margin: 0; padding: 8px 0 0 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat; font-size: 1.4em; color: #FFFFFF; } #sidebar a { text-decoration: none; color: #0065FF; } #sidebar a:hover { text-decoration: underline; } /* Footer */ #footer { width: 962px; margin: 0 auto; padding: 30px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; } #footer p { margin: 0; text-align: center; color: #FFFFFF; } #footer a { color: #FFFFFF; }
 TASARIMIN GÖRÜNÜMÜ

 <= Tasarimin Üzerine =>

<!-- end content --> <!-- start sidebar --> <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> <!-- end sidebar --> <div style="clear:both"> </div> </div> </div> </div> <div id="footer"> <p></p> </div>


<= Tasarimin ALtına =>
<!-- start header --> <div id="topbg">&nbsp;</div> <div id="header"> <h1><a href="http://www.kalbimsin.ile.biz">www.kalbimsin.ile.biz</a></h1> <p>By_EmRaH</p> </div> <!-- end header --><!-- start page --> <div id="page"> <div class="bgtop"> <div class="bgbtm"><!-- start content --></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;} 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/m/massqara/css5.bmp) 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/m/massqara/css5.bmp) 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; }
TASARIMIN GÖRÜNÜMÜ



<= Tasarimin Üzerine =>

<div>&nbsp;</div> <div>&nbsp;</div> <div class="navigation"> <h1>Men&uuml;</h1> <ul> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Yorumlar</a></li> </ul> <h1>Tasarimlar</h1> <ul> <li><a href="#">İceblue Tasarim</a></li> <li><a href="#">Red Tasarimları</a></li> <li><a href="#">Butterfly Tasarimlari</a></li> <li><a href="#">CSS Design</a></li> <li><a href="#">Flash Tasarim</a></li> </ul> <h1>Arşiv</h1> <ul> <li><a href="#">September</a></li> <li><a href="#">Ağustos</a></li> <li><a href="#">Ocak</a></li> <li><a href="#">Şubat</a></li> <li><a href="#">Mart</a></li> <li><a href="#">Nisan</a></li> </ul> </div> <div class="clearer">&nbsp;</div> <div class="footer">&copy; 2008 By_EmRaH. Valid<a href="http://KaLBimSin.iLe.Biz">CSS</a> &amp; <a href="http://KaLBimSin.iLe.Biz">XHTML</a>. Tasarim design by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></div> <div>&nbsp;</div>


<= Tasarimin ALtına =>
<div class="container"> <div class="top"><a href="http://www.KaLBimSin.iLe.Biz"><span>Hos</span> GeLDiniz</a>&nbsp;</div> <div class="header">&nbsp;</div> <div class="main"> <div class="item"> <div class="date"> <div>21.09</div> <span>2008</span></div> <div class="content"> <h1><a href="http://www.KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></h1> <div class="body">&nbsp;</div> </div> </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;} /*############################################################# #############################################################*/ /* 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;}

<= Tasarimin Üzerine =>

<div id="container"> <div id="header"> <h1><a href="#">Merkez</a></h1> <h2><a href="http://www.KaLBimSin.iLe.Biz">wWw.KaLBimSin.iLe.Biz</a></h2> <ul id="mainMenu"> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">Hakkında</a></li> <li><a href="#">Toplist</a></li> <li><a href="#">SiteMap</a></li> <li><a href="#">Arşiv</a></li> <li><a href="#">İ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 class="searchBox" size="10" name="search" type="text" /><button class="goButton" type="submit"><span>Git</span></button></div> </div> </div> </div> </form> </li> </ul> </div> <!-- end #header --> <div id="mainContent"> <div class="blog"> <h2 class="blogTitle"><a href="www.css-tasarimm.tr.gg">Senin</a> SevGinLe DogmAdimki Senin Askindan OLeyim...</h2> <h3 class="meta"><a href="http://www.KaLBimSin.iLe.Biz">wWw.KaLBimSin.iLe.Biz</a></h3> </div> </div> </div>


<= Tasarimin ALtına =>
<div>&nbsp;</div> <!-- end .blog --> <h2 class="boxDesc">Arşiv:</h2> <div class="c1"> <div class="c2"> <div class="c3"> <div class="c4"> <ul> <li><a href="#">Ocak 2008</a></li> <li><a href="#">Şubat 2008</a></li> <li><a href="#">Mart 2008</a></li> <li><a href="#">Nisan 2008</a></li> <li><a href="#">Mayıs 2008</a></li> <li><a href="#">Haziran 2008</a></li> <li><a href="#">Temmuz 2007</a></li> <li><a href="#">Ağustos 2007</a></li> <li><a href="#">Eyl&uuml;l 2007</a></li> <li><a href="#">Ekim 2007</a></li> <li><a href="#">Kasim 2007</a></li> <li><a href="#">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="#">Oyun</a></li> <li><a href="#">İnndir</a></li> <li><a href="#">Aşk</a></li> <li><a href="#">Html Kodlar</a></li> <li><a href="#">Site Ekle Hit Kazan</a></li> <li><a href="#">Lig TV İzle</a></li> <li><a href="#">Ma&ccedil; Skorları</a></li> <li><a href="#">Puan Durumu</a></li> <li><a href="#">Downloads Merkezi</a></li> <li><a href="#">Css Tasarim Merkezi</a></li> <li><a href="#">İceblue Tasarim</a></li> <li><a href="#">Red Tasarim</a></li> <li><a href="#">CSS Design</a></li> <li><a href="http://www.KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></li> <li><a href="http://www.KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></li> <li><a href="http://www.KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></li> <li><a href="http://www.KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></li> <li><a href="http://www.KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></li> <li><a href="http://www.KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></li> <li><a href="http://www.KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></li> </ul> </div> </div> </div> </div> <br class="clear" /> <div>&nbsp;</div> <!-- end #mainContent --> <div id="footer"> <p>Copyright &copy; 2008,&nbsp;By EmRaH&nbsp;<img class="bullet" alt="" src="https://img.webme.com/pic/c/css-tasarimm/6-bullet_w.gif" /> Design by&nbsp;<a href="http://www.KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div> <!-- end #footer --> <div>&nbsp;</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/m/massqara/css8.bmp) top center no-repeat #870010; text-align: center; color: #FFF; } /**** GENERAL STYLES WWW.KaLBimSin.iLe.Biz ****/ 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.KaLBimSin.iLe.Biz****/ #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; }




<= Tasarimin Üzerine =>

<div>&nbsp;</div> <p class="meta">&nbsp;</p> <div>&nbsp;</div> <div>&nbsp;</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&uuml;</h4> <ul> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Yorumlar</a></li> </ul> </li> <li> <h4>Tasarimlar</h4> <ul> <li><a href="#">İceblue Tasarim</a></li> <li><a href="#">Red Tasarimları</a></li> <li><a href="#">Butterfly Tasarimlari</a></li> <li><a href="#">CSS Design</a></li> <li><a href="#">Flash Tasarim</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both">&nbsp;</div> <div>&nbsp;</div> <div>&nbsp;</div> <!-- end page --><hr /> <div id="footer"> <p>&nbsp;2008 T&uuml;m Hakkları Saklıdır. Design by&nbsp;<a href="http://WwW.KaLBimSin.iLe.Biz">EmRaH</a> ve <a href="http://WwW.KaLBimSin.iLe.Biz">WwW.KaLBimSin.iLe.Biz</a></p> </div>


<= Tasarimin ALtına =>
<div id="header"> <div id="logo"> <h3><a href="http://KaLBimSin.iLe.Biz">Tasarim</a></h3> <h4>By&nbsp;<a href="KaLBimSin.iLe.Biz">EmRaH</a> + <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></h4> </div> <div id="menu"> <ul> <li class="active"><a title="" accesskey="1" href="#">ana sayfa</a></li> <li><a title="" accesskey="2" href="#">iletişim</a></li> <li><a title="" accesskey="3" href="#">yorumlar</a></li> <li><a title="" accesskey="4" href="#">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">Hos GeLDiniz</h4> <h5 class="date">Seni DeLi Gibi SevDim Sen Beni Deliyim Diye SevMedin...</h5> <div class="entry">&nbsp;</div> </div> </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;} /* */ 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/m/massqara/css10.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; }





<= Tasarimin Üzerine =>

<div>&nbsp;</div> <!-- End of Page Content --> <div>&nbsp;</div> <div>&nbsp;</div> <div>&nbsp;</div> <!-- End of Body Container --><!-- Start of Navigation Menu --> <div id="navmenu"> <div id="navmenu_b"> <div id="navmenu_c"> <h3><span class="hidethis">Site Menu:</span></h3> <ul> <li class="list_first">&nbsp;</li> <li><a href="http://KaLBimSin.iLe.Biz">Ana Sayfa </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Css Tasarim </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Oyun </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Ziyaretci Defteri </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Toplist </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Hakkımızda </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Ana Sayfa </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Css Tasarim </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Oyun </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Ziyaretci Defteri </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Toplist </a></li> <li><a href="http://KaLBimSin.iLe.Biz">Hakkımızda</a></li> </ul> </div> </div> </div> <!-- End of Navigation Menu --> <div class="clearthis">&nbsp;</div> <!-- Start of Page Footer --> <div id="page_footer">Web Tasarim by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></div>


<= Tasarimin ALtına =>
<div id="body_wrapper"><!-- Start of Body Container --> <div id="body_container"> <div id="body_container_b"> <div id="body_container_c"><!-- Start of Page Header --> <div id="page_header"><!-- Website Title --> <h1><span class="hidethis">Counter Strike </span></h1> </div> <!-- End of Page Header --><!-- Start of Page Content --> <div id="page_content">&nbsp;</div> </div> </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;} /* */ * { margin: 0px; padding: 0px; } body { color: #fff; background-color: #484848; font-family: 'verdana', 'helvetica', sans-serif; font-size: 100%; text-align: center; } table { font-size: 1em; } td { color: #fff; background-color: inherit; font-family: 'verdana', 'helvetica', sans-serif; font-size: 1em; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #fff; background-color: inherit; text-decoration: none; } img { border: none; } ul, ul li { list-style: none outside; } ol, ol li { list-style: decimal inside; } p { padding: 0.6em 0em 0.6em; } fieldset { border: none; } input, textarea, select { font-family: 'verdana', 'helvetica', sans-serif; font-size: 13px; } .hidethis { display: none; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size: 1px; overflow : hidden; visibility: hidden; } /* Image Thumbnails */ .tb_center { text-align: center; } .tb_center img { margin: 1.3em auto; border: 1px #fff solid; } /* Body Wrappers */ #body_wrapper { margin: 35px 10px; width: 982px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-rightcol_img.gif') no-repeat 100% 68px; font-size: 0.71em; } /* Body Container */ #body_container { float: right; position: relative; left: -243px; width: 496px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-main_bg_bot.gif') no-repeat 0% 100%; } #body_container_b { padding: 15px 0px; width: 496px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-main_bg_top.gif') no-repeat 0% 0%; } #body_container_c { color: inherit; background-color: #8e8257; border-left: #fff 6px solid; border-right: #fff 6px solid; } /* Page Header */ #page_header { padding-bottom: 2px; color: inherit; background-color: #b3ab78; } #page_header h1 { position: relative; top: -4px; width: 100%; height: 40px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-counterstrike_logo.gif') no-repeat 50% 50%; } /* .GG Page Content */ #page_content { padding: 15px 17px 10px; font-weight: bold; text-align: left; } .link_readmore { padding: 35px 0px 10px; text-align: right; } .link_readmore a { margin-left: auto; display: block; width: 94px; height: 24px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-button_readmore.gif') no-repeat 0% 0%; } /* Navigation Menu */ #navmenu { float: left; margin-top: 68px; position: relative; left: 77px; width: 166px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_bot.gif') no-repeat 0% 100%; font-size: 1.15em; font-weight: bold; } #navmenu_b { padding: 15px 0px; width: 166px; background: url('https://img.webme.com/pic/c/css-tasarimm/8-navmenu_bg_top.gif') no-repeat 0% 0%; } #navmenu_c { color: inherit; background-color: #6d6845; border-left: #fff 6px solid; } #navmenu a { text-decoration: none; text-transform: uppercase; } #navmenu li { border-top: #fff 1px solid; } #navmenu li a { display: block; padding: 5px 0px; width: 160px; } #navmenu li a:hover { color: inherit; background-color: #989160 } #navmenu li.list_first { border-top: none; } /* Page Footer */ #page_footer { padding: 20px 0px; font-size: 0.9em; font-weight: bold; }



<= Tasarimin Üzerine =>

<div>&nbsp;</div> <div>&nbsp;</div> <!-- end #content --> <div id="sidebar"> <ul> <li> <h2>Duyuru Panosu</h2> <p>Sitenizdeki Haberleri Burada Verebilirsiniz.</p> </li> <li> <h2>Men&uuml;</h2> <ul> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Yorumlar</a></li> </ul> </li> <li> <h2>Tasarimlar</h2> <ul> <li><a href="#">İceblue Tasarim</a></li> <li><a href="#">Red Tasarimları</a></li> <li><a href="#">Butterfly Tasarimlari</a></li> <li><a href="#">CSS Design</a></li> <li><a href="#">Flash Tasarim</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#">September</a> (23)</li> <li><a href="#">Ağustos</a> (31)</li> <li><a href="#">Ocak</a> (31)</li> <li><a href="#">Şubat</a> (30)</li> <li><a href="#">Mart</a> (31)</li> <li><a href="#">Nisan</a> (30)</li> </ul> </li> </ul> </div> <!-- end #sidebar --> <div style="clear: both">&nbsp;</div> <div>&nbsp;</div> <!-- end #page --> <div>&nbsp;</div> <div>&nbsp;</div> <div id="footer"> <p>Copyright (c) 2008 <a href="http://KaLBimSin.iLe.Biz">By_EmRaH</a>. T&uuml;m Haklari Saklıdır. Design by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div> <!-- end #footer -->


<= Tasarimin ALtına =>
<div id="header"> <div id="logo"> <h1><a href="http://wWw.KaLBimSin.iLe.Biz">wWw.KaLBimSin.iLe.Biz</a></h1> <p>design by <a href="http://wWw.KaLBimSin.iLe.Biz">EmRaH</a></p> </div> <div id="search"> <form action="" method="get"> <fieldset></fieldset> </form> </div> <!-- end #search --></div> <!-- end #header --> <div id="wrapper"> <div id="wrapper2"> <div id="menu"> <ul> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">Yorumlar</a></li> <li><a href="#">Toplist</a></li> <li><a href="#">Hakkımızda </a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Link Listesi </a></li> </ul> </div> <!-- end #menu --> <div id="page"> <div id="content"> <div class="post"> <h1 class="title"><a href="#">Tasarima Hoşgeldniz </a></h1> </div> </div> </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;} /* Design by EmRaH*/ body { margin: 0; background: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #06AEF1; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; border-bottom: 1px dotted #999999; color: #000000; } a:hover { background: none; } #wrapper { width: 100%; margin: 0 auto; padding: 0; background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/9-img01.jpg) repeat-x left top; } #wrapper2 { margin: 0; padding-top: 30px; } /* Header */ #header { width: 910px; height: 60px; margin: 0 auto; padding-top: 10px; } .topimg img { margin: 0; padding: 0 0 20px 0; border: none; } /* Logo */ #logo { float: left; width: 640px; color: #333333; } #logo h1, #logo p { text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; } #logo h1 { float: left; letter-spacing: -1px; font-size: 2.6em; } #logo p { float: left; margin: 0; padding: 10px 0 0 5px; font-size: 16px; } #logo a { border: none; background: none; text-decoration: none; color: #06AEF1; } /* Search */ #search { float: right; width: 230px; padding-top: 16px; } #search form { height: 41px; margin: 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search-text { width: 200px; border: none; text-transform: lowercase; border: 1px #BDB0ED dotted; font: bold 1.2em Arial, Helvetica, sans-serif; color: #FFFFFF; } #search-submit { display: none; } /* Menu */ #menu { width: 910px; height: 60px; margin: 0 auto; padding: 0; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; margin-left: 10px; padding: 10px 20px 0 20px; height: 31px; background: url(https://img.webme.com/pic/c/css-tasarimm/9-img03.jpg) repeat-x left top; text-transform: lowercase; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; border: none; color: #FFFFFF; } #menu a:hover, #menu .current_page_item a { } #menu a:hover { text-decoration: underline; } /* Page */ #page { width: 910px; margin: 0 auto; padding: 0; border: 15px #FFFFFF solid; background: url(https://img.webme.com/pic/c/css-tasarimm/9-img02.jpg) repeat-x left top; } /* Content */ #content { float: left; width: 600px; padding: 20px 0 0 20px; } .post { } .post .title { color: #06AEF1; } .post .title a { background: none; color: #06AEF1; border: none; } .post .title a:hover { text-decoration: underline; } .post .meta { padding-bottom: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/9-img04.gif) repeat-x left bottom; text-transform: uppercase; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 9px; } .post .comments { } .post .entry { padding: 10px 0 20px 0; text-align: justify; } /* Sidebar */ #sidebar { float: right; width: 220px; padding: 40px 20px 0 0; color: #333333; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { } #sidebar li p { padding-left: 15px; } #sidebar li ul { padding-bottom: 30px; } #sidebar li li { margin-left: 15px; padding-left: 10px; line-height: 35px; border-bottom: 1px dotted #D7D0F4; background: url(https://img.webme.com/pic/c/css-tasarimm/9-img06.gif) no-repeat left 50%; } #sidebar h2 { letter-spacing: -.5px; padding-bottom: 10px; color: #06AEF1; background: url(https://img.webme.com/pic/c/css-tasarimm/9-img04.gif) repeat-x left bottom; } #sidebar p { padding-bottom: 20px; text-align: justify; } #sidebar a { color: #000000; border: none; } #sidebar a:hover { text-decoration: underline; color: #000000; } /* Calendar */ #calendar { } #calendar_wrap { padding: 20px; } #calendar table { width: 100%; } #calendar tbody td { text-align: center; } #calendar #next { text-align: right; } /* Footer */ #footer { width: 910px; height: 0px; margin: 0 auto; padding: 40px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/9-img04.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; color: #B2B2B2; } #footer p { margin: 0; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center; } #footer a { color: #999999; }



<= Tasarimin Üzerine =>

<div>&nbsp;</div> <div>&nbsp;</div> <!-- end main --><!-- footer --> <div id="footer"> <div id="menu_footer"><a href="#">Ana Sayfa</a> | <a href="#">Hakkımızda</a> | <a href="#">Toplist</a> | <a href="#">Link Listesi</a> | <a href="#">Sponsorlar</a> | <a href="#">İletişim</a> | <a href="#">Site Haritasi</a> | <a href="#">HTML Kodlari</a> | <a href="#">Diğer</a></div> <div id="left_footer">&copy; Copyright 2008 <strong><a href="http://wWw.KaLBimSin.iLe.Biz">wWw.KaLBimSin.iLe.Biz</a></strong></div> <div id="right_footer"><!-- --- S&#304;TES&#304;NE AY&#304;TT&#304;R. :-) -->Design by&nbsp;<a href="http://wWw.KaLBimSin.iLe.Biz"><strong>By_EmRaH</strong> &amp; <strong>KaLBimSin.iLe.Biz</strong></a></div> </div> <!-- end footer --> <div>&nbsp;</div>


<= Tasarimin ALtına =>
<div id="containr"><!-- header --> <div id="logo"><a href="KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></div> <div id="menu"><a href="#">Ana Sayfa</a> <a href="#">Hakkımızda</a> <a href="#">Toplist</a> <a href="#">Link Listesi</a> <a href="#">Sponsorlar</a></div> <!--end header --><!-- main --> <div id="main"> <div id="sidebar"> <h2>Site Men&uuml;s&uuml;</h2> <ul> <li><a href="#">Tasarim 1</a></li> <li><a href="#">Tasarim 2</a></li> <li><a href="#">Tasarim 3</a></li> <li><a href="#">Tasarim 4</a></li> <li><a href="#">Tasarim 5</a></li> <li><a href="#">Tasarim 6</a></li> <li><a href="#">Tasarim 7</a></li> <li><a href="#">Tasarim 8</a></li> <li><a href="#">Tasarim 9</a></li> <li><a href="#">Tasarim 10</a></li> </ul> </div> <div id="text">&nbsp;</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/10-body.gif);} body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; background:url(https://img.webme.com/pic/c/css-tasarimm/10-body_bckg.gif) repeat-x;} a {color:#EE4400; text-decoration:none;} a:hover {text-decoration:underline;} #containr {background:url(https://img.webme.com/pic/c/css-tasarimm/10-main_bckg.jpg) center top no-repeat; width:1000px; margin:0 auto;} #logo {font-size:24px; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; padding:40px 100px 70px 210px;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;} #menu {height:40px; text-align:center;} #menu a {color:#B02802; font-size:14px; font-weight:bold; text-decoration:none; margin:0 20px; text-transform:lowercase;} #menu a:hover {color:#000000;} #main {margin:0 110px; float:left; background-color:#FFFFFF; min-height:350px; display:inline;} #text {margin:20px 220px 0 40px;} #text ul {padding:0; margin:10px 0 10px 40px;} #text li {list-style:none; padding-left:15px; background:url(https://img.webme.com/pic/c/css-tasarimm/10-li.gif) no-repeat 0px 6px;} h1 {margin:20px 0 0 0; text-transform:uppercase; font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; font-size:22px; font-weight:normal;} #text p {margin:10px 0;} #sidebar {float:right; padding:20px 30px 0 30px; width:170px;} #sidebar h2 {font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif; margin:0 0 20px 0; text-transform:uppercase; font-size:18px; font-weight:normal;} #sidebar ul {margin:0; padding:0;} #sidebar li {list-style:none; border-bottom:1px solid #ebebeb; padding:3px 2px;} #sidebar li:hover {background-color:#f3f3f3;} #sidebar a {text-decoration:none;} #footer {padding:0 110px; height:169px; clear:both; background:url(https://img.webme.com/pic/m/massqara/css14.jpg) center top no-repeat;} #menu_footer {color:#7A2200; font-size:11px; padding:40px 0 0 30px;} #menu_footer a {color:#7A2200; text-transform:lowercase;} #left_footer {float:left; padding:60px 0 0 100px; color:#FFFFFF; font-size:12px;} #left_footer a {color:#FFFFFF;} #right_footer {float:right; padding:60px 100px 0 0; color:#FFFFFF; font-size:12px;} #right_footer a {color:#FFFFFF;}

<= Tasarimin Üzerine =>

<div id="wrap"> <div id="header"> <h1 id="logo">SenSiz OLmaz SenLi Hic OLmaz.</h1> <h2 id="slogan">Hos GeLDiniz.</h2> <div id="menu"> <ul> <li><a href="http://WwW.KaLBimSin.iLe.Biz">Ana Sayfa </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">İletişim </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">Defter </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">Hakkımızda </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">Toplist </a></li> </ul> </div> </div> <div id="content-wrap"> <div id="sidebar"> <h1 class="clear">Menu</h1> <ul class="sidemenu"> <li><a href="http://WwW.KaLBimSin.iLe.Biz">Ana Sayfa </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">İletişim </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">Ziyaretci Defteri </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">Hakkımızda </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">Site Ekle Toplist </a></li> </ul> <h1>CSS Tasarimm</h1> <ul class="sidemenu"> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 1 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 2 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 3 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 4 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 5 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 6 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 7 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 8 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 9 </a></li> <li><a href="http://WwW.KaLBimSin.iLe.Biz">CSS Tasarim 10</a></li> </ul> <h1>Dost Siteler</h1> <p>Dost Sitelerinizi Buraya Linkli Şekilde Verebilirsiniz...</p> <h1><span class="gray"><a href="http://www.kalbimsin.ile.biz/"><font size="3">WwW.</font></a></span><font size="3">KaLBimSin.iLe.Biz</font></h1> <h1>Duyuru Panosu</h1> <p>Sitenizdeki Her T&uuml;rl&uuml; Bilgiyi Buradan Verebilirsiniz. Başarılar.</p> </div> <div id="main"><a name="www.css-tasarimm.tr.gg"></a> <div class="box"> <h1><span class="gray"><a href="http://www.KaLBimSin.iLe.Biz">WwW.</a></span>KaLBimSin.iLe.Biz</h1> </div> </div> </div> </div>


<= Tasarimin ALtına =>
<div>&nbsp;</div> <div>&nbsp;</div> <br /> <div>&nbsp;</div> <div>&nbsp;</div> <div id="footer-wrap"> <div class="footer-left"> <p class="align-left">&copy; 2008 <strong>Company Name</strong> | Design by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div> <div class="footer-right"> <p class="align-right"><a href="http://KaLBimSin.iLe.Biz">Ana Sayfa | İletişim | Defter</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;} /******************************************** Design By ::: EmRaH *******************************************/ /******************************************** HTML ELEMENTS ********************************************/ /* top elements */ * { padding: 0; margin: 0; } body { margin: 0; padding: 0; font: normal .70em/1.6em Verdana, Tahoma, sans-serif; color: #BDBDBD; background: #000; text-align: center; } /* links */ a { color: #FFF; background-color: inherit; text-decoration: none; } a:hover { color: #FFF; background-color: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif; color: #FFF; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; text-transform:uppercase; font-weight: bold;} h3 { font-size: 1.3em; font-weight: bold; } p, h1, h2, h3 { margin: 0; padding: 10px 15px; } ul, ol { margin: 10px 30px; padding: 0 15px; color: #FFF; } /* images */ img { border: 3px solid #555; } img.no-border { border: none; } img.float-right { margin: 5px 0px 5px 15px; } img.float-left { margin: 5px 15px 5px 0px; } a img { border: 3px solid #555; } a:hover img { border: 3px solid #CCC !important; /* IE fix*/ border: 3px solid #555; } code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #0A1646; } acronym { cursor: help; border-bottom: 1px solid #777; } blockquote { margin: 15px; padding: 0 0 0 20px; background: #0A1646; font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif; } /* form elements */ form { margin: 10px 15px; padding: 0; background: #0A1646; } label { display:block; font-weight:bold; margin:5px 0; } input { padding: 2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width: 250px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #333; } /* search form */ .searchform form{ background-color: transparent; border: none; margin: 0; padding: 0; } .searchform input.textbox { margin: 0; width: 145px; border: 1px solid #777; background: #FFF; color: #333; height: 14px; vertical-align: top; } .searchform input.button { margin: 0; padding: 2px 3px; font: bold 12px Arial, Sans-serif; background: #FFF; border: 1px solid #f2f2f2; color: #333; width: 65px; vertical-align: top; } /*********************** LAYOUT ************************/ #wrap { background: #212B5C url(https://img.webme.com/pic/c/css-tasarimm/11-bg.jpg) repeat-x 0 0; margin: 20px auto 0 auto; text-align: left; border-color: #444; border-style: solid; border-width: 1px 1px 5px 1px; } #wrap, #footer-wrap { width: 84%; } /* header */ #header { position: relative; height: 110px; background: #7F8082 url(https://img.webme.com/pic/c/css-tasarimm/11-header-bg.jpg) repeat-x 0% 100%; border-bottom: 5px solid #444; } #header h1#logo { position: absolute; top: 5px; left: 20px; margin: 0; padding: 0; font: bolder 50px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; } #header h2#slogan { position: absolute; top: 50px; left: 65px; color: #FFF; text-indent: 0px; font: bold 12px Tahoma, 'Trebuchet MS', Sans-serif; text-transform: none; } /* content-wrap */ #content-wrap { clear: both; margin: 0; padding: 0; } /* box */ .box { margin: 10px 15px; border: 1px solid #0A1646; background-color: #1B2455; } /* main */ #main { margin: 0 0 0 270px; padding-top: 20px; } #main .box { margin-left: 0; } /* sidebar */ #sidebar { float: left; width: 250px; margin: 0; padding-top: 20px; } #sidebar ul.sidemenu { margin: 0 0 0 15px; padding: 0; background: #242424; border-top: 5px solid #444; } #sidebar ul.sidemenu li { display: inline; list-style: none; } #sidebar ul.sidemenu li a { display: block; padding: 5px 10px 5px 15px; text-decoration: none; color: #CCC; font-weight: bold; } #sidebar ul.sidemenu li a:hover { color: #333; background: #A0A0A0; } /* Footer */ #footer-wrap { clear: both; color: #FFF; background: #000; margin: 0 auto; padding: 0; font-size: 88%; } #footer-wrap a { text-decoration: none; font-weight: bold; color: #FFF; } #footer-wrap .footer-left{ float: left; width: 65%; padding-bottom: 20px; } #footer-wrap .footer-right{ float: right; width: 30%; padding-bottom: 20px; } /* menu tabs */ #header ul { position: absolute; top: 20px; right: 20px; margin:0; padding: 0; list-style:none; font: bold 1.3em 'Trebuchet MS', Tahoma, verdana, sans-serif; height: 2.3em; } #header li { display:inline; margin:0; padding:0; } #header a { float: left; margin:0; padding:3px 10px 2px 10px; text-decoration:none; color: #CCC; } #header a:hover { border-top: 5px solid #CCC; } #header #current a { color: #FFF; border-top: 5px solid #FFF; } /* end menu tabs */ /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* additional classes */ .clear { clear: both; } .gray { color: #A0A0A0; } .comments { text-align: right; padding: 7px 15px; margin: 20px 15px 15px 15px; background: #0A1646; }

<= Tasarimin Üzerine =>

<div>&nbsp;</div> <div>&nbsp;</div> <!-- end content --><!-- start sidebar --> <div id="sidebar"> <ul> <li id="search"> <h2><strong class="text1">Arama Motoru</strong></h2> <form action="" method="get"> <fieldset><input id="s" name="s" type="text" /> <input id="x" type="submit" value="Arama" /> </fieldset> </form> </li> <li> <h2><strong>Ziyaretci</strong> Defteri</h2> <ul> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Araştırmalar</a></li> <li><a href="#">Dersler</a></li> <li><a href="#">&Ouml;devler</a></li> <li><a href="#">Css Design</a></li> <li><a href="#">İceblue Tasarim</a></li> </ul> </li> <li> <h2><strong>Dost</strong> Sitemiz</h2> <ul> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Araştırmalar</a></li> <li><a href="#">Dersler</a></li> <li><a href="#">&Ouml;devler</a></li> <li><a href="#">Css Design</a></li> <li><a href="#">İceblue Tasarim</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both">&nbsp;</div> <div>&nbsp;</div> <!-- end page --><!-- start footer --> <div id="footer"> <p id="legal">(c) 2008 <a href="http://KaLBimSin.iLe.Biz">EmRaH</a> Dedigned By <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div> <div>&nbsp;</div> <!-- end footer -->


<= Tasarimin ALtına =>
<div id="wrapper"><!-- start header --> <div id="header"> <div id="logo"> <h1><a href="http://KaLBimSin.ile.biz">Hos GeLDiniz</a></h1> <h2>Designed by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></h2> </div> <div id="menu"> <ul> <li class="active"><a href="#">Ana Sayfa</a></li> <li><a href="#">Galeri</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">lToplist</a></li> <li><a href="#">İletişim</a></li> </ul> </div> </div> <!-- end header --><!-- start page --> <div id="page"><!-- start content --> <div id="content"> <div class="post"> <h1 class="title">Hos GeLDiniz...</h1> </div> </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;} /* Design by EmRaH */ body { margin: 0; padding: 0; background: #D1FBFF url(https://img.webme.com/pic/c/css-tasarimm/12-img02.jpg); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #686868; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; text-transform: lowercase; font-weight: normal; color: #83BFFB; } 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: #83BFFB; } a:hover, a:active { text-decoration: none; color: #83BFFB; } a:visited { color: #83BFFB; } 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; } #wrapper { background: url(https://img.webme.com/pic/c/css-tasarimm/12-img01.jpg) repeat-x; } /* Header */ #header { width: 900px; height: 50px; margin: 0 auto 40px auto; padding-top: 20px; } #logo { float: left; height: 120px; } #logo h1 { font-size: 38px; color: #3399CC; } #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: 10px; color: #28737B; } #logo a { text-decoration: none; color: #3399CC; } /* Menu */ #menu { float: right; } #menu ul { margin: 0; padding: 15px 0 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; margin-left: 5px; padding: 7px 10px; text-decoration: none; font-size: 15px; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .active a { } /* Page */ #page { width: 900px; margin: 0 auto; background: #FFFFFF; padding: 40px 40px; } /* Content */ #content { float: left; width: 630px; } /* Post */ .post { } .post .title { margin-bottom: 20px; padding-bottom: 5px; background: url(https://img.webme.com/pic/c/css-tasarimm/12-img03.jpg) no-repeat left bottom; border-bottom: 1px dashed #FFFFFF; } .post .entry { } .post .meta { padding: 15px 0 60px 0; } .post .meta p { margin: 0; line-height: normal; color: #FFFFFF; } .post .meta .byline { float: left; color: #0000FF; } .post .meta .links { float: right; } .post .meta .more { width: 185px; height: 35px; padding: 5px 45px 5px 45px; background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.jpg) no-repeat left center; text-transform: uppercase; text-decoration: none; font-size: 11px; color: #FFFFFF; } .post .meta .comments { padding: 5px 45px 5px 45px; background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.jpg) no-repeat left center; text-transform: uppercase; text-decoration: none; font-size: 11px; color: #FFFFFF; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: right; width: 220px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { margin-bottom: 10px; padding-bottom: 5px; background: url(https://img.webme.com/pic/c/css-tasarimm/12-img04.jpg) no-repeat left bottom; font-size: 18px; font-weight: normal; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 150px; margin-right: 5px; padding: 3px; border: 1px solid #F0F0F0; } #x { padding: 3px; background: #ECECEC url(https://img.webme.com/pic/c/css-tasarimm/12-img08.gif) repeat-x left bottom; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/12-img05.gif) no-repeat; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/12-img10.gif) repeat-x left bottom; 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 { height: 400px; min-height: 74px; padding: 10px 0 0 0; font-family: Tahoma, Arial, Helvetica, sans-serif; } html>body #footer { height: auto; } #legal { clear: both; padding-top: 20px; text-align: center; text-transform: uppercase; font-size: 10px; color: #83BFFB; } #legal a { font-weight: bold; color: #83BFFB; }


<= Tasarimin Üzerine =>

<div>&nbsp;</div> <div class="left"> <h2>Menu :</h2> <ul> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Haberler</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">Son Dakika</a></li> </ul> <h2>Css Tasarimlar</h2> <ul> <li><a href="#">CSS Tasarim 1</a></li> <li><a href="#">CSS Tasarim 2</a></li> <li><a href="#">CSS Tasarim 3</a></li> <li><a href="#">CSS Tasarim 4</a></li> <li><a href="#">CSS Tasarim 5</a></li> <li><a href="#">CSS Tasarim 6</a></li> <li><a href="#">CSS Tasarim 7</a></li> <li><a href="#">CSS Tasarim 8</a></li> <li><a href="#">CSS Tasarim 9</a></li> <li><a href="#">CSS Tasarim 10</a></li> <li><a href="#">CSS Tasarim 11</a></li> <li><a href="#">CSS Tasarim 12</a></li> </ul> </div> <div style="clear: both">&nbsp;</div> <div>&nbsp;</div> <div id="bottom">&nbsp;</div> <div id="footer">Designed by <a href="http://KaLBimSin.ile.biz">KaLBimSin.iLe.Biz</a><br /> . <br /> <br /> <center><a href="http://mykalbisi.tr.gg/SoHBeT.htm"><img style="width: 181px; height: 107px" height="118" width="197" alt="" src="https://img.webme.com/pic/m/massqara/forum1.jpg" /></a></center></div> <div>&nbsp;</div>


<= Tasarimin ALtına =>
<div id="wrap"> <h1><a href="http://www.KaLBimSin.iLe.Biz">wWw.KaLBimSin.iLe.Biz</a></h1> <div id="header">&nbsp;</div> <div id="content"> <div class="right">&nbsp;</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;} * { margin: 0; padding: 0; } body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #222; margin: 0; padding: 0; } a { text-decoration: none; color: #FF9600; } a:hover { text-decoration: underline; color: #111; } #wrap { margin: 0 auto; width: 500px; } #header { background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-header.jpg) no-repeat; height: 180px; } h1 { padding: 10px 0 0 5px; font-size: 18px; color: #000; } h1 a { padding: 10px 0 0 5px; font-size: 18px; color: #000; font-weight: 100; text-decoration: underline; } #content { padding: 0 20px; background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-content.jpg) repeat-y; } .right { float: right; width: 300px; text-align: justify; } .right h3 { font-size: 18px; font-weight: 100; padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; } .right h3 a { text-decoration: none; color: #fff; } .right h3 a:hover { color: #111; } .left { float: left; width: 150px; } .left h2 { padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; color: #fff; font-size: 13px; } .left ul { padding: 10px 0 15px 20px; color: #FF9600; } .left ul li a { text-decoration: none; font-weight: 600; } .left ul li a:hover { } .articles { padding: 10px; } #bottom { background: #fff url(https://img.webme.com/pic/c/css-tasarimm/13-bottom.jpg) no-repeat; padding: 10px 0; } #footer { text-align: center; font-size: 11px; color: #aaa; padding-bottom: 10px; } #footer a { color: #aaa; } #footer a:hover { color: #111; }

<= Tasarimin Üzerine =>

<div>&nbsp;</div> <div>&nbsp;</div> <!-- end content --><!-- start sidebar --> <div id="sidebar"> <ul> <li id="search"> <h2><strong class="text1">Arama</strong></h2> <form action="" method="get"> <fieldset><input id="s" name="s" type="text" /> <input id="x" type="submit" value="Arama" /> </fieldset> </form> </li> <li> <h2><strong>Men</strong> u</h2> <ul> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Araştırmalar</a></li> <li><a href="#">Dersler</a></li> <li><a href="#">&Ouml;devler</a></li> <li><a href="#">Css Design</a></li> <li><a href="#">İceblue Tasarim</a></li> </ul> </li> <li> <h2><strong>Dost</strong> Sitemiz</h2> <ul> <li><a href="#">Toplist</a></li> <li><a href="#">Link Listesi</a></li> <li><a href="#">Araştırmalar</a></li> <li><a href="#">Dersler</a></li> <li><a href="#">&Ouml;devler</a></li> <li><a href="#">Css Design</a></li> <li><a href="#">İceblue Tasarim</a></li> </ul> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both">&nbsp;</div> <div>&nbsp;</div> <!-- end page --><!-- start footer --> <div id="footer"> <p id="legal">(c) 2008. Tasarim by <a href="http://wWw.KaLBimSin.iLe.Biz">wWw.KaLBimSin.iLe.Biz</a></p> </div> <!-- end footer -->


<= Tasarimin ALtına =>
<!-- start header --> <div id="header"> <div id="logo"> <h1><a href="http://KaLBimSin.ile.Biz">Hos GeLDiniz</a></h1> <h2>Seni Sensiz Sevmeyi Seviyorum =)</h2> </div> <div id="menu"> <ul> <li class="active"><a href="www.css-tasarimm.tr.gg">Ana Sayfa</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">TopList</a></li> </ul> </div> </div> <!-- end header --><!-- start page --> <div id="page"><!-- start content --> <div id="content"> <div class="post">&nbsp;</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;}/* Design by CSS . */ 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ı */ #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; }

<= Tasarimin Üzerine =>

<div>&nbsp;</div> <div class="meta"> <p class="date">Hos GeLDiniz</p> </div> <div>&nbsp;</div> <div>&nbsp;</div> <!-- end #content --> <div id="sidebar"> <ul> <li> <h2>Ge&ccedil;miş (Arşiv)</h2> <ul> <li class="first"><a href="#">Ocak 2008</a> <em>(2)</em></li> <li><a href="#">Şubat 2008</a> <em>(31)</em></li> <li><a href="#">Mart 2008</a> <em>(30)</em></li> <li><a href="#">Nisan 2008</a> <em>(31)</em></li> <li><a href="#">Mayıs 2008</a> <em>(28)</em></li> <li><a href="#">Haziran 2008</a> <em>(31)</em></li> </ul> </li> <li> <h2>Menu</h2> <ul> <li class="first"><a href="#">Ana Sayfa</a></li> <li><a href="#">Ziyaretci Defterit</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Site Ekle</a></li> <li><a href="#">Css Design</a></li> <li><a href="#">Anketler Site Hakkında </a></li> <li><a href="#">İceblue Tasarimlar </a></li> </ul> </li> <li> <h2>Site İle İlgili</h2> <ul> <li class="first"><a href="#">İceblue Tasarim Yapımı </a></li> <li><a href="#">Red Tasarim Yapımı </a></li> <li><a href="#">Butterfly Tasarim Yapımı </a></li> <li><a href="#">CSS Menu Yapımı </a></li> </ul> </li> </ul> </div> <!-- end #sidebar --> <div style="clear: both">&nbsp;</div> <div>&nbsp;</div> <!-- end #page --> <div id="footer"> <p id="legal">Copyright &copy; 2008 <a href="http://KaLBimSin.iLe.Biz">EmRaH</a>. Tasarim by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div> <!-- end #footer -->


<= Tasarimin ALtına =>
<div id="menu"> <ul> <li><a title="" accesskey="1" href="#">Home</a></li> <li><a title="" accesskey="2" href="#">Blog</a></li> <li><a title="" accesskey="3" href="#">Toplist</a></li> <li><a title="" accesskey="4" href="#">Yorum</a></li> <li><a title="" accesskey="5" href="#">Hakkında</a></li> <li><a title="" accesskey="6" href="#">İletişim</a></li> </ul> </div> <div id="header"> <div id="logo"> <h1><a href="#">KaLBimSin.iLe.Biz</a></h1> <h2><a href="http://KaLBimSin.iLe.Biz">Hos GeLDiniz</a></h2> </div> <div id="banner"><a href="http://KaLBimSin.iLe.Biz">www.KaLBimSin.iLe.Biz</a></div> </div> <!-- end #header --> <div id="page"> <div id="conntent"> <div class="post"> <h1 class="title">KaLBimSin.iLe.Biz</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">Hos GeLDiniz</h2> <div class="story">&nbsp;</div> </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;} /* CSS Tasarim Merkezi Design By ::: EmRaH */ * { 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; }