webmaster - csstasarimi

Tasarimin Üzerine

Tasarimin ALtına

</div> 	<div id="left">		 			<h3>MENÜ</h3> 			<ul> 			  <li><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 Ekle</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">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 abbr="Monday" scope="col" title="Monday">M</th> 								<th abbr="Tuesday" scope="col" title="Tuesday">T</th> 								<th abbr="Wednesday" scope="col" title="Wednesday">W</th> 								<th abbr="Thursday" scope="col" title="Thursday">T</th> 								<th abbr="Friday" scope="col" title="Friday">F</th> 								<th abbr="Saturday" scope="col" title="Saturday">S</th> 								<th abbr="Sunday" scope="col" title="Sunday">S</th> 							</tr> 						</thead> 						<tfoot> 							<tr> 								<td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#" _fcksavedurl="#">« Des</a></td> 								<td class="pad"> </td> 								<td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Feb »</a></td> 							</tr> 						</tfoot> 						<tbody> 							<tr> 								<td colspan="2" class="pad"> </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> 			<br /> 	</div> 	     	</div>  <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" title="Css Tasarim Merkezi">Css Tasarim Merkezi</a></p>  	</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 WWW.CSS-MERKEZ.TR.GG */  * { 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(http://csstasarimm.cs.funpic.org/Tasarim-OnizLeme/Css-Tasarim-1/1-header.jpg) 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 Üzerine

Tasarimin ALtına

</div> 				 				 				<div id="sidebar"> 				<div class="wrap"> 				<div class="top"> 				<div class="btm"> 					<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> 				</div> 				</div> 				 				<div style="clear:both"> </div> 	</div> </div> <div id="footer"> 	<p>©2008 Her Hakkı Saklıdır  •  Design by <a href="http://WwW.CsS-MeRKeZ.tR.Gg" _fcksavedurl="http://WwW.CsS-MeRKeZ.tR.Gg" _fcksavedurl="http://WwW.CsS-MeRKeZ.tR.Gg">CSS Tasarim Merkezi</a> </p> </div>

Css Kod BöLümüNe

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} 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/c/css-tasarimm/2-img01.jpg) 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(http://csstasarimm.cs.funpic.org/Css-Merkez/2-img07.gif) 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 Üzerine

<a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" target="_blank">Css Merkez.</a><div id="header"> 	<div id="logo"> 		<h1>                           </h1> 		<p>----------------------------------------------------</p> 	</div> 	<div id="search"> 		<form method="get" action=""> 			<fieldset> 			<input id="s" type="text" name="s" value="" /> 			<input id="x" type="submit" value="Arama" /> 			</fieldset> 		</form> 	</div> </div>   <div id="menu"> 	<ul> 		<li class="current_page_item"><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="#">Hakkımızda</a></li> 		<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Site Haritası/a></li> 	</ul> </div>   <div id="page"> 	 	<div id="content"> 		<h1 class="pagetitle">Orta Bölüm</h1>

Tasarimin ALtına

</div> 	 	 	<div id="sidebar"> 		<ul> 			<li> 				<h2>Menü</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>  				</ul> 			</li> 			<li> 				<h2>Tasarimlar</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> 				</ul> 			</li> <li> 							<h2>Arşiv</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li> 							</ul> 						</li> 		</ul> 	</div> 	 	<div style="clear: both;"> </div> </div>  <div id="footer"> 	<p>©2008 Tüm Hakları SakLıdır.  •  Design by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">CSS Tasarim Merkezi</a>.</p> </div>

Css Kod BöLümüNe

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by WWW.CSS-MERKEZ.TR.GG */  body { 	margin: 0; 	padding: 0; 	background: #AAE74A  none 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/c/css-tasarimm/3-img1.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 Üzerine

Tasarimin ALtına

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

Css Kod BöLümüNe

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

Tasarimin Üzerine

<a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" target="_blank">Css Merkez.</a><div id="container">
<div id="header">
<h1><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></h1>
<h2>Css Tasarim Hakkında Herşey Burada...</h2>
<ul id="mainMenu">
<li><a href="#">Home</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">LinkLer</a></li>
<li><a href="#">Defter</a></li>
<li><a href="#">Arşiv</a></li>
<li><a href="#">ToPList</a></li>
<li><span>Arama :</span></li>
<li class="formList"><form action="cgi-bin/void.cgi">
<div class="c1"><div class="c2"><div class="c3"><div class="c4">
<input type="text" name="search" size="10" class="searchBox" />
<button type="submit" class="goButton"><span>Ara =></span></button>
</div></div></div></div>
</form></li>
</ul>
</div>
<div id="mainContent">
<div class="blog">
<h2 class="blogTitle"><a href="http://www.css-merkez.tr.gg">Her TürLü Css Tasarim Burada...</a></h2>
<h3 class="meta"><a href="#">Css MeRKeZ</a> Css Tasarimda Bir Numara <img src="https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif" alt="" class="bullet" /> <a href="#">Css MeRKeZ</a> <img src="https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif" alt="" class="bullet" /> <a href="#">Css MeRKeZ</a>, <a href="#">Css MeRKeZ</a>, <a href="#">Css MeRKeZ</a> <img src="https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif" alt="" class="bullet" /> <a href="#">Css MeRKeZ</a></h3>

Tasarimin ALtına

</div>
<h2 class="boxDesc">Arşiv:</h2>
<div class="c1"><div class="c2"><div class="c3"><div class="c4">
<ul>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ7</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="#">Jun 2007</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</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="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>        <li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>        <li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
<li><a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a></li>
</ul>
</div></div></div></div>
<br class="clear" />
</div>
<div id="footer">
<p>Copyright © 2009, WwW.CsS-MeRKeZ.tR.gg <img src="http://www.opendesigns.org/designs/1657/images/bullet_w.gif" alt="" class="bullet" /> Design by <a href="http://www.css-merkez.tr.gg">Css MeRKeZ</a> <img src="https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif" alt="" class="bullet" /> <a href="http://www.site-mekani.tr.gg">Site Mekani</a></p>
</div>
</div>

Css Kod BöLümüNe

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {
margin: 0;
padding: 0;
}
body {
font: 13px Georgia, "Times New Roman", Times, serif;
background: url(https://img.webme.com/pic/c/css-merkez/css-5-header.jpg) top center no-repeat #870010;
text-align: center;
color: #FFF;
}
/**** GENERAL STYLES ****/
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-merkez/css-5-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 ****/
#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-merkez/css-5-footer.jpg) bottom center no-repeat;
}
/**** HEADER STYLES ****/
#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 ****/
#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 ****/
.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-merkez/css-5-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 ****/
.c1 {
background: url(https://img.webme.com/pic/c/css-merkez/css-5-c1.gif) top left no-repeat #EC691F;
margin: 0 0 40px 0;
}
.c2 {
background: url(https://img.webme.com/pic/c/css-merkez/css-5-c2.gif) top right no-repeat;
}
.c3 {
background: url(https://img.webme.com/pic/c/css-merkez/css-5-c3.gif) bottom left no-repeat;
}
.c4 {
background: url(https://img.webme.com/pic/c/css-merkez/css-5-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 ****/
.c4 li {
display: inline;
background: url(https://img.webme.com/pic/c/css-merkez/css-5-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 ****/
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 ****/
.goButton {
background: url(https://img.webme.com/pic/c/css-merkez/css-5-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 ****/
#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-merkez/css-5-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 ****/
.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;
}

Refresh Tasarım

Tasarım üstüne

<div id="wrap">  <div id="header"> <h1 id="logo-text">Css<span class="gray">Box</span></h1> <h2 id="slogan">Csstasarımınız burda..</h2> <form class="search" method="post" action="#"> <p> <input class="textbox" type="text" name="search_query" value="" /> <input class="button" type="submit" name="Submit" value="Search" /> </p> </form> </div>  <div id="menu"> <ul> <li id="current"><a href="index.html" _fcksavedurl="index.html">Home</a></li> <li><a href="index.html" _fcksavedurl="index.html">Archives</a></li> <li><a href="index.html" _fcksavedurl="index.html">Downloads</a></li> <li><a href="index.html" _fcksavedurl="index.html">Services</a></li> <li><a href="index.html" _fcksavedurl="index.html">Support</a></li> <li><a href="index.html" _fcksavedurl="index.html">About</a></li> </ul> </div>  <div id="content-wrap"> <div id="sidebar"> <h1>Sidebar Menu</h1> <div class="left-box"> <ul class="sidemenu"> <li><a href="index.html" _fcksavedurl="index.html">Home</a></li> <li><a href="#TemplateInfo" _fcksavedurl="#TemplateInfo">Template Info</a></li> <li><a href="#SampleTags" _fcksavedurl="#SampleTags">Sample Tags</a></li> <li><a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">More Free Templates</a></li> <li><a href="http://www.4templates.com/?aff=ealigam" _fcksavedurl="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li> </ul> </div> <h1>Site Partners</h1> <div class="left-box"> <ul class="sidemenu"> <li><a href="http://partners.ipower.com/z/57/CD5822/" _fcksavedurl="http://partners.ipower.com/z/57/CD5822/">IPowerweb</a></li> <li><a href="http://www.4templates.com/?aff=ealigam" _fcksavedurl="http://www.4templates.com/?aff=ealigam">4templates</a></li> <li><a href="http://www.fotolia.com/partner/114283" _fcksavedurl="http://www.fotolia.com/partner/114283">Fotolia.com</a></li> <li><a href="http://www.bigstockphoto.com/?refid=grKPpdNw6k" _fcksavedurl="http://www.bigstockphoto.com/?refid=grKPpdNw6k">BigStockPhoto.com</a></li> <li><a href="http://www.text-link-ads.com/?ref=40025" _fcksavedurl="http://www.text-link-ads.com/?ref=40025">Text Link Ads</a></li> </ul> </div> <h1>Wise Words</h1> <div class="left-box"> <p>"To be concious that you are ignorant of the facts is a great step to knowledge" </p> <p class="align-right">- Benjamin Disraeli</p> </div>

Tasarımın altına

Css koduna

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;} /******************************************** AUTHOR: Erwin Aligam WEBSITE: http://www.styleshout.com/ TEMPLATE NAME: Refresh TEMPLATE CODE: S-0002 VERSION: 1.0 *******************************************/ /******************************************** HTML ELEMENTS ********************************************/ /* Top Elements */ * { margin: 0; padding: 0; } body { background: #CCCCCC; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #4F82CB; background: inherit; } a:hover { color: #4EBF37; background: inherit; } /* headers */ h1, h2, h3 { font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold; } h1 { font-size: 120%; } h2 { font-size: 110%; text-transform: uppercase; color: #88ac0b; } h3 { font-size: 110%; color: #666666; } /* images */ img { border: 2px solid #CCC; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; color: #88ac0b; } ul span, ol span { color: #666666; } 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: #FAFAFA; border: 1px solid #f2f2f2; } acronym { cursor: help; border-bottom: 1px solid #777; } blockquote { margin: 10px; padding: 0 0 0 28px; border: 1px solid #f2f2f2; background: #FAFAFA url(http://www.opendesigns.org/designs/148/images/quote.gif) no-repeat 5px 5px; } /* form elements */ form { margin:10px; padding: 0 5px; border: 1px solid #f2f2f2; background-color: #FAFAFA; } 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:400px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { margin: 0; font: bolder 12px Arial, Sans-serif; border: 1px solid #CCC; padding: 2px 3px; background: #FFF; color: #88ac0b; } /* search */ form.search { position: absolute; top: 35px; right: 25px; background: transparent; border: none; } form.search input.textbox { margin: 0; padding: 1px 2px; width: 120px; background: #FFF; color: #333; } form.search input.button { background: #CCC url(http://www.opendesigns.org/designs/148/images/headerbg.gif) repeat-x; color: #333; border: none; width: 70px; height: 21px; } /******************************************** LAYOUT ********************************************/ #wrap { width: 820px; background: #CCC url(http://www.opendesigns.org/designs/148/images/content.jpg) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 0 auto; } #header { width: 820px; position: relative; height: 106px; background: #CCC url(http://www.opendesigns.org/designs/148/images/header.jpg) no-repeat center top; padding: 0; font-size: 14px; color: #FFF; } #header h1#logo-text { position: absolute; margin: 0; padding: 0; font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; /* change the values of top and left to adjust the position of the logo*/ top: 28px; left: 50px; } #header h2#slogan { position: absolute; margin: 0; padding: 0; font: normal .8em 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 74px; left: 58px; } /* Menu */ #menu { clear: both; margin: 0; padding: 0 40px 0 0; background: url(http://www.opendesigns.org/designs/148/images/menu.jpg) repeat-y center top; font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif; height: 26px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 8px; color: #FFF; text-decoration: none; } #menu ul li a:hover { background-color: #ECECEC; color: #333; } #menu ul li#current a { background-color: #FFF; color: #333; } /* Main Column */ #main { float: right; width: 72%; padding: 0; margin: 0; } #main h1 { margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(http://www.opendesigns.org/designs/148/images/square-green.png) no-repeat 3px 50%; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 0 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: url(http://www.opendesigns.org/designs/148/images/clock.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: url(http://www.opendesigns.org/designs/148/images/comment.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: url(http://www.opendesigns.org/designs/148/images/page.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: left; width: 26.5%; padding: 0; margin: 0; } #sidebar h1 { margin-top: 10px; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(http://www.opendesigns.org/designs/148/images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1; } #sidebar .left-box { border: 1px solid #EFF0F1; margin: 0 0 5px 0; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none; } #sidebar ul.sidemenu li { border-bottom: 1px solid #EFF0F1; background: url(http://www.opendesigns.org/designs/148/images/go.gif) no-repeat 5px 5px; padding: 2px 0 2px 25px; margin: 0 2px; } #sidebar ul.sidemenu a { font-weight: bolder; text-decoration: none; background-image: none; } /* Footer */ #footer { color: #666666; background: #CCC url(http://www.opendesigns.org/designs/148/images/footer.jpg) no-repeat center top; clear: both; width: 820px; height: 55px; text-align: center; font-size: 92%; } #footer a { text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear: both; } .gray { color: #CCC; } </body></html>

Subordinate

Tasarımın üzerindeki yazıya

Tasarımın altındaki yazıya

<div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Kategori 1</h2> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Link ekle</a></li> </ul> </li> <li> <h2>Kategori2</h2> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">Hakkımda</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Link ekle</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <div id="footer-wrap"> <p id="legal">(c) 2008 YourSite. Design by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div> </div>  </body></html>

Css koduna

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 CssTaSaRiMi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img01.gif) repeat-x left top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #7D7D7D; } 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; font-size: 11px; } a:link { color: #6DBD0B; } a:hover, a:active { text-decoration: none; color: #6DBD0B; } a:visited { color: #6DBD0B; } img { border: 1px dashed #86E714; padding: 2px; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 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; } /* Header */ #header { width: 860px; height: 50px; margin: 0 auto; } /* Menu */ #menu { width: 860px; margin: 0; padding: 0; } #menu ul { float: right; display: block; margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: inline; } #menu a { margin-right: 3px; padding: 10px 15px 10px 10px; letter-spacing: -.5px; text-decoration: none; text-transform: lowercase; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; } #menu a:hover { text-decoration: none; color: #000000; } #menu .current_page_item a { color: #000000; } #menu .numbertxt { font-size: 28px; color: #C4F28D; } #menu span { margin: 0; padding: 0; } /** LOGO */ #logo { clear: both; width: 860px; height: 80px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img02.gif) no-repeat left top; } #logo h1, #logo h2 { margin: 0; padding: 0 0 0 75px; line-height: normal; } #logo h1 { } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { padding: float: left; font: italic 13px Georgia, "Times New Roman", Times, serif; color: #66B209; } #logo p a { text-decoration: none; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 850px; margin: 0 auto; } /* Content */ #content { float: right; width: 600px; } /* Post */ .post { padding: 15px 15px; } .post .title { margin-bottom: 20px; border-bottom: 1px dotted #D1D1D1; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img04.jpg) repeat-x left bottom; } .post .entry { } .post .meta { height: 70px; padding: 40px 15px 0px 15px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left top; } .post .meta p { margin: 0; line-height: normal; color: #999999; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img09.gif) no-repeat left 50%; } .post .meta .comments { padding-left: 22px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img08.gif) no-repeat left 50%; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: left; width: 215px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left bottom; padding-bottom: 20px; } #sidebar li li { margin: 0; padding-left: 12px; } #sidebar h2 { padding-top: 20px; margin-bottom: 10px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img04.jpg) repeat-x left bottom; border-bottom: 1px dotted #D1D1D1; font-size: 18px; } /* Search */ #search { background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img03.jpg) repeat-x left bottom; margin-bottom: 20px; } #search h2 { margin-bottom: 20px; } #s { width: 115px; margin-right: 5px; margin-left: 15px; margin-bottom: 20px; padding: 3px 0px 3px 15px; border: 1px solid #F0F0F0; } #x { margin-bottom: 20px; padding: 3px 3px 3px 3px; background: #ECECEC; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px; background: url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img05.gif) no-repeat; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; background: url(images/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-wrap { width: 860px; height: 52px; margin: 0 auto; } #footer { margin: 0 auto; height: 52px; min-height: 52px; padding: 0; background: #A0A0A3 url(http://www.freecsstemplates.org/templates/previews/subordinate/images/img05.gif) repeat-x left bottom; } html>body #footer { height: auto; } #footer p { } #legal { clear: both; padding-top: 15px; text-align: center; color: #FFFFFF; } #legal a { font-weight: bold; color: #FFFFFF; } </body></html>

Cloudy

Tasarımın Üzerindeki Yazı

Tasarımın Altındaki Yazı

<div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Menü1</h2> <ul> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> </ul> </li> <li> <h2>Menü2</h2> <ul> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> <li><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <p id="legal">2008 Bütün hakları Saklıdır<a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a> designed by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div> </div>  </body></html>

Css Koduna

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 CssTaSaRiMi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */ body { margin-top: 50px; padding: 0; background: #B2EBFF url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img01.gif) repeat-x left bottom; font-size: 13px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; text-align: justify; color: #FFFFFF; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #FFFFFF; } 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: #FFFFFF; } a:hover, a:active { text-decoration: none; color: #FFFFFF; } a:visited { color: #FFFFFF; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 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 { margin: 0 auto; padding: 0; } /* Header */ #header { width: 713px; margin: 0 auto; height: 130px; } /* Menu */ #menu { float: left; width: 713px; height: 70px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img03.gif) no-repeat left top; } #menu ul { margin: 0; padding: 0px 0 0 10px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-top: 5px; margin-right: 3px; padding: 20px 17px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img05.gif) no-repeat left 52%; text-decoration: none; font-size: 13px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { background: none; color: #000000; } /** LOGO */ #logo { width: 713px; height: 130px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img02.gif) no-repeat left top; } #logo h1, #logo h2 { float: left; margin: 0; padding: 60px 0 0 20px; line-height: normal; } #logo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:40px; } #logo h1 a { text-decoration: none; color: #4C4C4C; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { float: left; padding: 75px 0 0 18px; font: 18px Georgia, "Times New Roman", Times, serif; color: #0044D1; } #logo p a { text-decoration: none; color: #8BD80E; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 663px; margin: 0 auto; padding: 0 25px; } /* Content */ #content { float: left; width: 410px; } /* Post */ .post { padding: 15px 0px; margin-bottom: 20px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 24px; color: #FFFFFF; } .post h2 { padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 22px; color: #FFFFFF; } .post .entry { } .post .meta { padding: 15px 15px 30px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .post .meta p { margin: 0; padding-top: 15px; line-height: normal; color: #FFFFFF; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 10px 0 18px; } .post .meta .comments { } .post .meta b { display: none; } /* Sidebar */ #sidebar { width: 210px; float: right; margin: 0; padding: 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { width: 250px; margin-bottom: 10px; padding: 0px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img06.gif) no-repeat left top; font-size: 20px; color: #FFFFFF; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 130px; margin-right: 5px; padding: 2px; } #x { padding: 2px; border: none; border: 1px solid #FFFFFF; background: #0157DE; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; } /* 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; } /* Footer */ #footer-wrap { } #footer { width: 693px; margin: 0 auto; padding: 10px 0 10px 0; background: url(http://www.freecsstemplates.org/templates/previews/cloudy/images/img07.gif) no-repeat left top; } html>body #footer { height: auto; } #footer p { font-size: 11px; } #legal { clear: both; text-align: center; color: #FFFFFF; } #legal a { font-weight: normal; color: #FFFFFF; } </body></html>

Tasarımın üzerindeki yazıya

Tasarımın altınaki yazıya

<div id="sidebar"> 		<ul> 			<li> 				<h2>Menü</h2> 				<ul> 					<li><a href="#" _fcksavedurl="#">Anasayfa</a></li> 					<li><a href="#" _fcksavedurl="#">İletişim</a></li> 					<li><a href="#" _fcksavedurl="#">Ziyaretçilerim</a></li> 					<li><a href="#" _fcksavedurl="#">Hakkımda</a></li> 					<li><a href="#" _fcksavedurl="#">Topliste</a></li> 					<li><a href="#" _fcksavedurl="#">Forum</a></li> 				</ul> 			</li> 			<li> 				<h2>Arşiv</h2> 				<ul> 					<li><a href="#" _fcksavedurl="#">İce Blue</a> (23)</li> 					<li><a href="#" _fcksavedurl="#">Red</a> (31)</li> 					<li><a href="#" _fcksavedurl="#">Butterfly</a> (31)</li> 					<li><a href="#" _fcksavedurl="#">Css</a> (30)</li> 					<li><a href="#" _fcksavedurl="#">Php</a> (31)</li> 					<li><a href="#" _fcksavedurl="#">Asp</a> (30)</li> 					<li><a href="#" _fcksavedurl="#">Xhtml</a> (31)</li> 					<li><a href="#" _fcksavedurl="#">Html</a> (28)</li> 					<li><a href="#" _fcksavedurl="#">xml</a> (31)</li> 				</ul> 			</li> 		</ul> 	</div> 	 </div> </div>  <div id="footer"> 	<p>©2008 Tüm Hakkı Saklıdır; Design by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>  •  Icons by <a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">CssTaSaRiMi</a>.</p> </div>  </body></html>

Css koduna

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;} /*   Theme Name: Unnamed Theme URI: http://www.freewpthemes.net/preview/unnamed Description: Widget ready and tested on WP 2.2+. Version: 2.0 Author: Free WordPress Themes Author URI: http://www.freewpthemes.net/ */  body { 	margin-top: 30px; 	padding: 0; 	background: #000000; 	font-size: 13px; 	text-align: justify; 	color: #ADADAD; }  body, th, td, input, textarea, select, option { 	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; }  h1, h2, h3 { 	font-family: Arial, Helvetica, sans-serif; 	font-weight: normal; 	color: #819CDB; }  h1 { 	font-size: 36px; }  h2 { 	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; }  /* Header */  #header { 	width: 800px; 	height: 143px; 	margin: 0 auto; 	padding-bottom: 30px; 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img01.jpg) no-repeat left top; }  #header h1, #header p { 	float: left; 	margin: 0; 	padding: 50px 0 0 20px; 	font-family: Georgia, "Times New Roman", Times, serif; }  #header h1 { 	color: #FFB71C; 	font-size: 44px; }  #header p { 	padding: 65px 0 0 10px; 	font-size: 16px; 	color: #FFFFFF; }  #header a { 	text-decoration: none; 	color: #FFB71C; }  /* Page */  #page { 	width: 800px; 	margin: 0 auto; }  /* Content */  #content { 	float: right; 	width: 480px; 	margin: 0; 	margin-bottom: 30px; }  .post { 	padding: 0px 0px 0 0px; }  .title { 	margin: 0; 	padding-bottom: 5px; 	font-size: 24px; 	font-family: Georgia, "Times New Roman", Times, serif; 	color: #FFFFFF; }  .title a { 	text-decoration: none; 	color: #FFFFFF; }  .pagetitle { 	border-bottom: 2px solid #0F0F0F; }  .byline { 	margin: 0; 	color: #646464; }  .meta { 	text-align: left; 	color: #646464; 	padding: 10px 10px; 	margin: 30px 0; 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg) repeat-x left top; 	text-transform: uppercase; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; }  .meta .more { 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 45%; 	padding-left: 10px; }  .meta .comments { 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 45%; 	padding-left: 10px; } .meta a { }  .navigation { }  .alignleft { 	float: left; }  .alignright { 	float: right; }  .posts { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  .posts li { 	padding-bottom: 20px; 	margin-bottom: 20px; 	border-bottom: 1px solid #0F0F0F; }  .posts h3 { 	margin: 0; 	font-weight: bold; }  .posts p { 	margin: 0; 	line-height: normal; }  .posts a { }  /* Sidebar */  #sidebar { 	float: left; 	width: 260px; }  #sidebar ul { 	margin: 0; 	padding: 0 0 20px 0; 	list-style: none; }  #sidebar li { }  #sidebar li ul { 	padding: 0px 21px 20px 10px; }  #sidebar li li { 	border-bottom: 1px dotted #363B3F; 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat 0px 40%; 	padding: 0 0 10px 15px; }  #sidebar h2 { 	margin: 0; 	height: 35px; 	padding: 8px 0px 10px 13px; 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img02.jpg) repeat-x left top; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 18px; 	color: #FFFFFF; }  #sidebar h2 a { 	background: url(http://www.freecsstemplates.org/templates/previews/redroses/images/img03.gif) no-repeat left 50%; }  #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; 	background: #FFFFFF url(images/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 { 	clear: both; 	height: 136px; 	width: 800px; 	margin: 0 auto; 	border-top: 10px solid #1E2223; 	text-align: center; 	font-size: smaller; 	font-family: Arial, Helvetica, sans-serif; 	color: #646464; }  #footer p { 	padding-top: 40px; 	text-transform: uppercase; }  #footer p a { 	color: #FFFFFF; }  </body></html>

Tasarımın üzerindeki yazıya

<div id="header"> 	<div id="logo"> 		<h1><a href="#" _fcksavedurl="#">CssTaSaRiMi</a></h1> 		<h2><a href="http://www.csstasarimi.tr.gg/" _fcksavedurl="http://www.csstasarimi.tr.gg/">Design by CssTaSaRiMi</a></h2> 	</div> 	<div id="menu"> 		<ul> 			<li class="active"><a href="#" _fcksavedurl="#" title="">Anasayfa</a></li> 			<li><a href="#" _fcksavedurl="#" title="">Z.Defteri</a></li> 			<li><a href="#" _fcksavedurl="#" title="">Hakkımda</a></li> 			<li><a href="#" _fcksavedurl="#" title="">İletişim</a></li> 			<li><a href="#" _fcksavedurl="#" title="">Forum</a></li> 		</ul> 	</div> </div> <div id="content"> 	<div id="sidebar"> 		<div id="login" class="boxed"> 			<div class="title"> 				<h2>Üye Girişi</h2> 			</div> 			<div class="content"> 				<form id="form1" method="post" action="#"> 					<fieldset> 					<legend>Giriş:</legend> 					<label for="inputtext1">E-Mail</label> 					<input id="inputtext1" type="text" name="inputtext1" value="" /> 					<label for="inputtext2">Şifre:</label> 					<input id="inputtext2" type="password" name="inputtext2" value="" /> 					<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" /> 					<p><a href="#" _fcksavedurl="#">Şifreni mi unuttun?</a></p> 					</fieldset> 				</form> 			</div> 		</div> 		 		<div id="updates" class="boxed"> 			<div class="title"> 				<h2>Menü</h2> 			</div> 			<div class="content"> 				<ul> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">1. Xml</a></p> 					</li> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">2. Css</a></p> 					</li> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">3. Html</a></p> 					</li> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">4. Asp</a></p> 					</li> 					<li> 						<h3></h3> 						<p><a href="#" _fcksavedurl="#">5. Php</a></p> 					</li> 				</ul> 			</div> 		</div> 		 	</div> 			</body></html>

Tasarımın altındaki yazıya

Css koduna

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 Csstasarimi http://www.csstasarimi.tr.gg Released for free under a Creative Commons Attribution 2.5 License */  * { 	margin: 0; 	padding: 0; }  body { 	margin: 20px 0; 	background: #FFFFFF; 	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; 	color: #666666; }  h1, h2, h3 { 	color: #333333; }  h2 { }  h3 { 	font-size: 1em; }  p, blockquote, ul, ol { 	margin-bottom: 1.5em; 	line-height: 1.65em; 	text-align: justify; }  p { }  blockquote { 	margin-left: 2em; 	margin-right: 2em; 	font-style: italic; }  ul { 	margin-left: 3em; }  ul li { }  ol { 	margin-left: 3em; }  ol li { }  a { 	text-decoration: underline; 	color: #3E9722; }  a:hover { 	text-decoration: none; 	color: #E58C24; }  img { 	border: none; }  img.left { 	float: left; 	margin: 5px 20px 0 0; }  img.right { 	float: right; 	margin: 5px 0 0 20px; }  /* Boxed Style */  .boxed { }  .boxed .title { 	background: #3C74E6 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img06.gif) repeat-x; }  .boxed .title h2 { 	height: 28px; 	padding: 12px 0 0 20px; 	text-transform: uppercase; 	font-size: 1em; 	color: #FFFFFF; }  .boxed .content { 	padding: 20px; 	border-top: 1px solid #FFFFFF; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img07.gif) repeat-x; }  /* Post */  .post { }  .post .title { 	background: #3C74E6 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img06.gif) repeat-x; 	font-size: 1em; 	text-transform: uppercase; 	color: #FFFFFF; }  .post .title span { 	display: block; 	height: 28px; 	padding: 12px 0 0 20px; }  .post .date { 	margin-top: -25px; 	padding-bottom: 10px; 	padding-right: 20px; 	text-align: right; 	font-size: x-small; 	color: #FFFFFF; }  .post .date .month { }  .post .date .day { }  .post .date .year { }  .post .meta { 	clear: both; }  .post .meta p { 	margin: 0; 	padding: 10px 20px 40px 20px; 	border-top: 1px dotted #CCCCCC; 	line-height: normal; 	font-size: x-small; }  .post .story { 	padding: 20px; 	border-top: 1px solid #FFFFFF; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img07.gif) repeat-x; }  /* Header */  #header { 	width: 920px; 	height: 120px; 	margin: 0 auto; 	padding: 20px 20px 0 20px; 	background: #CAE646 url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img01.jpg) no-repeat; }  /* Header > Logo */  #logo { 	float: left; 	width: 240px; 	height: 50px; }  #logo h1 { 	float: left; 	margin: 0; 	padding: 50px 0 0 0; 	font-size: 2.6em; }  #logo h2 { 	float: left; 	margin-top: -5px; 	font-size: 1em; }  #logo a { 	text-decoration: none; 	color: #000000; }  /* Header > Menu */  #menu { 	float: right; }  #menu ul { 	margin: 0; 	padding-top: 79px; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	width: 120px; 	height: 30px; 	margin-left: 2px; 	padding-top: 10px; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img03.gif) no-repeat; 	text-decoration: none; 	text-align: center; 	font-weight: bold; 	color: #000000; }  #menu a:hover { 	background-image: url(images/img04.gif); }  #menu .active a { 	background-image: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img05.gif); }  /* Content */  #content { 	width: 920px; 	margin: 0 auto; 	padding: 20px; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img02.jpg) no-repeat; 	border-top: 1px solid #FFFFFF; }  /* Content > Main */  #main { 	float: left; 	width: 480px; 	padding-left: 20px; }  /* Content > Main > Welcome */  #welcome { }  /* Content > Main > Example */  #example { }  /* Content > Sidebar */  #sidebar { 	float: left; 	width: 220px; }  #sidebar .boxed .title h2 { 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img08.gif) no-repeat; }  /* Content > Sidebar > Login */  #login { }  #login form { }  #login fieldset { 	border: none; }  #login legend { 	display: none; }  #login label { 	display: block; }  #login input { 	margin-bottom: 10px; 	padding: 2px 5px; 	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; 	color: #666666; }  #inputtext1, #inputtext2 { 	width: 160px; }  #inputsubmit1 { 	margin: 0; 	padding: 0; }  /* Content > Sidebar > Updates*/  #updates { }  #updates ul { 	margin: 0; 	list-style: none; }  #updates h3 { 	font-size: .8em; }  #updates p { 	line-height: normal; 	font-size: .8em; }  #updates a { 	text-decoration: none; }  /* Content > Sidebar2 */  #sidebar2 { 	float: left; 	width: 180px; 	padding-left: 20px; }  #sidebar2 .boxed .title h2 { 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img10.gif) no-repeat right top; }  /* Content > Sidebar2 > Sponsors */  #sponsors { }  #sponsors ul { 	margin-left: 0; 	padding-left: 0; 	list-style: inside; }  /* Content > Sidebar2 > ad120x600 */  #ad120x600 { 	text-align: center; }  /* Footer */  #footer { 	clear: both; 	width: 960px; 	height: 80px; 	margin: 0 auto; 	padding: 20px 0; 	background: url(http://www.freecsstemplates.org/templates/previews/newfangled/images/img02.jpg) no-repeat; }  #footer p { 	margin: 0; 	text-align: center; 	line-height: normal; 	font-size: x-small; }  #footer a { 	text-decoration: underline; 	color: #666666; }  #footer a:hover { 	text-decoration: none; }  /* Footer > Legal */  #legal { }  /* Footer > Links */  #links { }</body></html>

Tasarım Üstüne

<div id="menu"> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="1" title="">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="2" title="">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="3" title="">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="4" title="">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya" accesskey="5" title="">Sayfa Adi</a></li> </ul> </div> <div id="header"> <h1>Site Adi</h1> <h2>Site Slogani</h2> </div> <div id="wrapper"> <div id="conntent"> <div id="posts"> <div class="post"> <h2 class="title"></h2> <div class="story">

Tasarım Altına
</div> <div class="meta"> <p class="date"></p> </div> </div> </div> <div id="links"> <ul> <li> <h2>Menu Adi</h2> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> </ul> </li> <li> <h2>Menu Adi</h2> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> </ul> </li> <li> <h2>Menu Adi</h2> <ul> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> <li><a href="Link Buraya" _fcksavedurl="Link Buraya">Sayfa Adi</a></li> </ul> </li> </ul> </div> <div style="clear: both;"> </div> </div> </div> <div id="footer"> <p id="legal">Copyright © 2008. Designed by <a href="http://www.csstasarimi.tr.gg" _fcksavedurl="http://www.csstasarimi.tr.gg">Tasarimciamca</a></p> </div>

Css Koduna
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: #749865 url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img01.gif) repeat-x; font: normal small Arial, Helvetica, sans-serif; line-height: 1.8em; color: #838B91; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #468259; } h2 { padding-left: 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img07.gif) no-repeat left center; font-size: 22px; } h3 { margin-bottom: 1em; text-transform: uppercase; letter-spacing: 2px; font-size: .9em; font-weight: bold; } p, blockquote, ul, ol { margin-top: 0; } blockquote { padding: 0 0 0 40px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img11.gif) no-repeat; font: italic small Georgia, "Times New Roman", Times, serif; line-height: 1.6em; } a { background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img03.gif) repeat-x left bottom; text-decoration: none; color: #468259; } a:hover { background: none; text-decoration: underline; } /* Wrapper */ #wrapper { background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img04.gif) repeat-x left bottom; } /* Menu */ #menu { width: 750px; height: 60px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; width: 148px; height: 30px; padding: 0 0 0 2px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img02.gif) no-repeat; } #menu a { display: block; width: 108px; height: 30px; padding: 0 0 0 20px; background: none; letter-spacing: -1px; font: normal 1.6em Georgia, "Times New Roman", Times, serif; color: #E1E9E2; } #menu a:hover { border-bottom: 4px solid #5A7C50; text-decoration: none; color: #FFFFFF; } #menu .active a { background: #E1E9E2; border-bottom: 4px solid #E1E9E2; text-decoration: none; color: #749865; } #header { width: 754px; height: 247px; margin: 0 auto; } #header h1 { float: left; width: 224px; height: 214px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img05.jpg) no-repeat; line-height: 32px; font-size: 30px; margin-top: -15px; padding: 140px 0 0 10px; } #header h2 { float: right; width: 500px; height: 214px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img06.jpg) no-repeat; text-transform: lowercase; text-align: right; letter-spacing: -1px; font-size: 22px; color: #FFFFFF; margin-top: -15px; padding: 140px 20px 0 0; } #conntent { width: 750px; margin: 0 auto; } /* Posts */ #posts { float: right; width: 510px; } #posts .post { padding-bottom: 30px; } #posts .story { padding: 15px 20px 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img10.gif) repeat-x } #posts .meta { padding: 5px 0 0 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img03.gif) repeat-x; } #posts .meta p { margin: 0; line-height: normal; font-size: smaller; } #posts ul { list-style: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img12.gif); } #posts ul li { } /* Links */ #links { float: left; width: 220px; } #links ul { margin: 0; padding: 0; list-style: none; } #links li ul { padding: 15px 20px 30px 20px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img10.gif) repeat-x } #links li li { padding: 3px 0; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img03.gif) repeat-x left bottom; } #links li a { background: none; } #links li i { font-size: smaller; } /* Footer */ #footer { padding: 40px 0 60px 0; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img08.gif) repeat-x; } #footer p { width: 750px; font-family: Georgia, "Times New Roman", Times, serif; color: #A6C09B; } #footer a { background: none; font-weight: bold; color: #A6C09B; } #legal { margin: 0 auto; text-align: right; font-size: 12px; } #brand { margin: -35px auto 0 auto; padding: 10px 0 0 35px; background: url(http://www.freecsstemplates.org/templates/previews/thegreenhouse/images/img09.gif) no-repeat left top; letter-spacing: -1px; font-size: 24px; }