KaLBimSin.iLe.BiZ - Css Tasarimlar

TASARIMIN GÖRÜNÜMÜ

Tasarimin Üzerine
<div id="contentt"> <div id="back"> <div id="header"> <div id="menu1"> <div id="menu"> <ul> <li id="button1"><a title="" href="#">Ana Sayfa</a></li> <li id="button2"><a title="" href="#">Blog</a></li> <li id="button3"><a title="" href="#">Galeri</a></li> <li id="button4"><a title="" href="#">Hakkında</a></li> <li id="button5"><a title="" href="#">İletişim</a></li> </ul> </div> </div> <div id="logo"> </div> </div> </div> </div>

Tasarim ALtina<div> </div> <div id="left"> <h3>MENÜ</h3> <ul> <li> <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 Ekle</a></li> <li><a href="#">Dost Siteler</a></li> </ul> </li> </ul> <h3>Takvim</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption>January 2008 </caption> <thead> <tr> <th title="Monday" scope="col" abbr="Monday">M</th> <th title="Tuesday" scope="col" abbr="Tuesday">T</th> <th title="Wednesday" scope="col" abbr="Wednesday">W</th> <th title="Thursday" scope="col" abbr="Thursday">T</th> <th title="Friday" scope="col" abbr="Friday">F</th> <th title="Saturday" scope="col" abbr="Saturday">S</th> <th title="Sunday" scope="col" abbr="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td id="prev" abbr="Des" colspan="3"><a href="#">« Des</a></td> <td class="pad"> </td> <td class="pad" id="next" abbr="Feb" colspan="3"><a href="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td class="pad" colspan="2"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> <h3>Site Hakkında</h3> <p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz...</p> </div>  <div> </div> <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div> <div> </div> <div> </div> 
Css Kod BolumuNe
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 */ * { margin: 0px; padding: 0px; } a:link { color: #A5A9B2; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #A5A9B2; } body { background: #ffffff url(https://img.webme.com/pic/c/css-tasarimm/1-back_all.gif) repeat-x; font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; } #contentt { margin: 0 auto; background: #ffffff; width: 742px; text-align: left; } #back { background: #ffffff; width: 742px; } #header { height: 406px; text-align: left; } #menu1 { width: 702px; height: 152px; padding-left: 40px; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { float: left; width: 79px; height: 32px; display: block; text-align: center; text-decoration: none; color: #000000; font-weight: bold; font-size: 12px; text-transform: uppercase; } #menu a:hover { width: 79px; height: 32px; color: #004586; text-decoration: underline; } #button1 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg) no-repeat; height: 24px; width: 124px; } #button2 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg) no-repeat; height: 24px; width: 124px; } #button3 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg) no-repeat; height: 24px; width: 124px; } #button4 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg) no-repeat; height: 24px; width: 124px; } #button5 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg) no-repeat; height: 24px; width: 124px; } #logo { background: url(https://img.webme.com/pic/m/mykalbisi/destek.gif) no-repeat; width: 722px; height: 234px; text-align: left; padding-left: 20px; padding-top: 10px; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #000000; } #logo H2 a { font-size: 12px; } #left { width: 266px; } #left H3 { width: 241px; height: 47px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase; color: #000000; background: url(https://img.webme.com/pic/c/css-tasarimm/1-title.gif) repeat-x } #left ul { list-style: none; } #left li ul { border: 0px; margin-left: 20px; margin-bottom: 10px; } #left li li { padding: 4px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/1-small.gif) no-repeat left; } #left a { color: #A5A9B2; } #left a:visited { color: #A5A9B2; } #left p { padding: 10px; } #calendar1 { padding: 0 10px 20px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right { float: right; width: 450px; padding-right: 10px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #C5C5C5; } #right a { color: #A5A9B2; text-decoration: none; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #C5C5C5; } .date { text-align: right; color: #808080; font-size: 11px; } .date a { color: #D72020; } #footer { height: 29px; clear: both; padding-top: 50px; background: url(https://img.webme.com/pic/c/css-tasarimm/1-footer.gif) repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #ffffff; } #footer a { color: #ffffff; }

TASARIMIN GÖRÜNÜMÜ

<= Tasarimin Üzerine =>

<div> </div>  <div id="sidebar"> <div class="wrap"> <div class="top"> <div class="btm"> <ul> <li> <h2>Menü</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>  <div style="clear: both"> </div> <div> </div> <div> </div> <div id="footer"> <p>©2008 Her Hakkı Saklıdır • 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>  <div id="wrapper"> <div id="page"> <div id="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-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> </div>  <div id="sidebar"> <ul> <li> <h2>Menü</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 style="clear: both"> </div> <div> </div>  <div id="footer"> <p>©2008 Tüm Hakları SakLıdır. • Design by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></p> </div>

<= Tasarimin ALtına =>
<div id="header"> <div id="logo"> <h1> </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>  <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> </a></li> </ul> </div>  <div id="page"> <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 =>

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

<= Tasarimin ALtına =>

<= 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 =>

<= 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>
                        
                        <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>
                        
                        <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>
                        
                        <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>
                        
                        <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>
                        
                        <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>
                        
                        <div style="clear: both">&nbsp;</div>
                        <div>&nbsp;</div>
                        <div>&nbsp;</div>
                        <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>
                        
                        <div>&nbsp;</div>
                        <div>&nbsp;</div>
                        <div>&nbsp;</div>
                        
                        <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>
                        
                        <div class="clearthis">&nbsp;</div>
                        
                        <div id="page_footer">Web Tasarim by <a href="http://KaLBimSin.iLe.Biz">KaLBimSin.iLe.Biz</a></div>

<= Tasarimin ALtına =>

<= 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>
                        
                        <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>
                        
                        <div style="clear: both">&nbsp;</div>
                        <div>&nbsp;</div>
                        
                        <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>

<= 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>
                        </div>
                        
                        <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>
                        
                        <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 =>

<= Tasarimin ALtına =>

<div id="containr">
                        <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>
                        
                        <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 =>

<= 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>
                        
                        <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>
                        
                        <div style="clear: both">&nbsp;</div>
                        <div>&nbsp;</div>
                        
                        <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>

<= Tasarimin ALtına =>

<div id="wrapper">
                        <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>
                        
                        <div id="page">
                        <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 =>

<= 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>
                        
                        <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>
                        
                        <div style="clear: both">&nbsp;</div>
                        <div>&nbsp;</div>
                        
                        <div id="footer">
                        <p id="legal">(c) 2008. Tasarim by <a href="http://wWw.KaLBimSin.iLe.Biz">wWw.KaLBimSin.iLe.Biz</a></p>
                        </div>

<= Tasarimin ALtına =>

<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>
                        
                        <div id="page">
                        <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>
                        
                        <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>
                        
                        <div style="clear: both">&nbsp;</div>
                        <div>&nbsp;</div>
                        
                        <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>

<= 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>
                        
                        <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; }

KaLBimSin.iLe.Biz

Sitene SoHBeT

TasaRimLar

saat kodlari

sitene filmler

en populer kodlar

Java ScripT KodLar

Toplist

Html DersLer

Karisik Html Kodlar