Siteni Ekle Hit Kazan

Css Tasarimlari

Arkadaslar Tasarımlar Baska Sitelerden Alıntıdır....

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>

Tasarımın Üstüne

Tasarımın Altına

<div class="post" id="post-19"> 			<div class="post-comments"> 						<span>-</span>						</div>  				<h1>WwW.CsSTaSaRiMi.Tr.Gg</h1> 				<div class="postdata"> Bilgi Güçtür, Paylaştıkça Büyür!</div>		<div id="container"> 			<div id="header_container"> 				<div id="pre_header"></div> 				<div class="header"><h1 id="header"><span> </span></h1></div>  				<div id="post_header"></div> 			</div> 			<div id="nav_container"> 			<h2 id="nav_heading"><span></span></h2> 				<ul id="nav"> 				             					<li class="nav_element checked_menu" id="nav_AnaSayfa"><a href="/Ana-Sayfa.htm" _fcksavedurl="/Ana-Sayfa.htm" class="menu"><span>Ana Sayfa</span></a></li> 				             					<li class="nav_element" id="nav_iletisim"><a href="/iletisim.htm" _fcksavedurl="/iletisim.htm" class="menu"><span>iletisim</span></a></li> 				             					<li class="nav_element" id="nav_SiteyiYorumLa"><a href="/Siteyi-YorumLa.htm" _fcksavedurl="/Siteyi-YorumLa.htm" class="menu"><span>Siteyi YorumLa</span></a></li>  				             					<li class="nav_element" id="nav_TsrmCity"><a href="/csstasarimi/index.htm" _fcksavedurl="/csstasarimi/index.htm" class="menu"><span>CssTasarimi</span></a></li> 				             					<li class="nav_element" id="nav_Tasarimlar"><a href="/Tasarimlar.htm" _fcksavedurl="/Tasarimlar.htm" class="menu"><span>Tasarimlar</span></a></li> 				             					<li class="nav_element" id="nav_Htmlkod"><a href="/Html_kod.htm" _fcksavedurl="/Html_kod.htm" class="menu"><span>Html-kod</span></a></li> 				             					<li class="nav_element" id="nav_PhotoShop"><a href="/PhotoShop.htm" _fcksavedurl="/PhotoShop.htm" class="menu"><span>PhotoShop</span></a></li> 				             					<li class="nav_element" id="nav_ButonKodlari"><a href="/Buton-Kodlari.htm" _fcksavedurl="/Buton-Kodlari.htm" class="menu"><span>Buton Kodlari</span></a></li> 				             					<li class="nav_element" id="nav_CSSTasarim"><a href="/CSS_Tasarim.htm" _fcksavedurl="/CSS_Tasarim.htm" class="menu"><span>CSS-Tasarim</span></a></li>  				             					<li class="nav_element" id="nav_304ceblueTasarim"><a href="/%26%23304%3Bceblue-Tasarim.htm" _fcksavedurl="/%26%23304%3Bceblue-Tasarim.htm" class="menu"><span>İceblue Tasarim</span></a></li> 				             					<li class="nav_element" id="nav_red"><a href="/red.htm" _fcksavedurl="/red.htm" class="menu"><span>red</span></a></li> 				             					<li class="nav_element" id="nav_ButterFly"><a href="/ButterFly.htm" _fcksavedurl="/ButterFly.htm" class="menu"><span>ButterFly</span></a></li> 				             					<li class="nav_element" id="nav_KodYapimi"><a href="/Kod-Yapimi.htm" _fcksavedurl="/Kod-Yapimi.htm" class="menu"><span>Kod Yapimi</span></a></li> 				             					<li class="nav_element" id="nav_Kodlar"><a href="/Kodlar.htm" _fcksavedurl="/Kodlar.htm" class="menu"><span>Kodlar</span></a></li> 				             					<li class="nav_element" id="nav_KodEditr"><a href="/Kod-Edit.oe.r.htm" _fcksavedurl="/Kod-Edit.oe.r.htm" class="menu"><span>Kod Editör</span></a></li>  				             					<li class="nav_element" id="nav_Free"><a href="/Free.htm" _fcksavedurl="/Free.htm" class="menu"><span>Free</span></a></li> 				             					<li class="nav_element" id="nav_Ps304ndir"><a href="/Ps-%26%23304%3Bndir.htm" _fcksavedurl="/Ps-%26%23304%3Bndir.htm" class="menu"><span>Ps İndir</span></a></li> 				             					<li class="nav_element" id="nav_Kullanimi"><a href="/Kullanimi.htm" _fcksavedurl="/Kullanimi.htm" class="menu"><span>Kullanimi</span></a></li> 				             					<li class="nav_element" id="nav_Dersler"><a href="/Dersler.htm" _fcksavedurl="/Dersler.htm" class="menu"><span>Dersler</span></a></li> 				             					<li class="nav_element" id="nav_Fonlar"><a href="/Fonlar.htm" _fcksavedurl="/Fonlar.htm" class="menu"><span>Fonlar</span></a></li> 				             					<li class="nav_element" id="nav_Yenisayfan305nba351l305287305"><a href="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm" _fcksavedurl="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm" class="menu"><span>Yeni sayfanın başlığı</span></a></li>  				             					<li class="nav_element" id="nav_Yenisayfan305nba351l305287"><a href="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B.htm" _fcksavedurl="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B.htm" class="menu"><span>Yeni sayfanın başlığ</span></a></li> 				             					<li class="nav_element" id="nav_WebDersleri"><a href="/Web-Dersleri.htm" _fcksavedurl="/Web-Dersleri.htm" class="menu"><span>Web Dersleri</span></a></li> 				             					<li class="nav_element" id="nav_Windows"><a href="/Windows.htm" _fcksavedurl="/Windows.htm" class="menu"><span>Windows</span></a></li> 								</ul> 			</div> 			<div id="content_container">  			<div id="pre_content"></div> 			<div id="content"> 			<h2 id="title"><span>Ana Sayfa</span></h2> 			</div> 			<div id="counter"><span>Bugün 4 ziyaretçi (5 klik) kişi burdaydı!</span></div> 			<div id="post_content"></div>  						<div id="sidebar_container"> 				<h2 id="sidebar_heading"><span></span></h2> 				<div id="sidebar_content"></div> 			</div> 			</div> 		</div> 		</div>   	</div>  <div id="sidebar"> <div id="sidebar-top"></div>  <div id="sidebar-content">  			<div id="subcolumn"> 				<div id="search"> 					 <form id="searchform" method="get" action="http://wp-themes.com/"> 						<div> 							<input name="s" id="s" value="" size="35" class="form-input" type="text"> 							<input name="search" value="Search" class="search-submit" type="submit">  						</div> 					</form>	       	</div>  			 		 		<div class="widget">			 				<h2 class="hl">Calendar</h2> 				<div align="center"> 					<table id="wp-calendar" summary="Calendar"> 	<caption>November 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="October" colspan="3" id="prev"><a href="http://wp-themes.com/?m=200810" _fcksavedurl="http://wp-themes.com/?m=200810" title="View posts for October 2008">« Oct</a></td>  		<td class="pad"> </td> 		<td colspan="3" id="next" class="pad"> </td> 	</tr> 	</tfoot>  	<tbody> 	<tr> 		<td colspan="5" class="pad"> </td><td>1</td><td>2</td>  	</tr> 	<tr> 		<td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td> 	</tr> 	<tr>  		<td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td> 	</tr> 	<tr> 		<td>17</td><td>18</td><td>19</td><td>20</td><td id="today">21</td><td>22</td><td>23</td>  	</tr> 	<tr> 		<td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td> 	</tr> 	</tbody>  	</table>  				</div> 		</div> 		 			<div class="widget">			 				<h2 class="hl">Blogroll</h2> 				<ul> 					<li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>  <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> 				</ul> 		</div> 		 		<div class="widget">			 				<h2 class="hl">Categories</h2> 				<ul>  							<li class="cat-item cat-item-5"><a href="http://wp-themes.com/?cat=5" _fcksavedurl="http://wp-themes.com/?cat=5" title="View all posts filed under Parent">Parent</a> (1) <ul class="children"> 	<li class="cat-item cat-item-6"><a href="http://wp-themes.com/?cat=6" _fcksavedurl="http://wp-themes.com/?cat=6" title="View all posts filed under First Child Category">First Child Category</a> (1) </li> 	<li class="cat-item cat-item-7"><a href="http://wp-themes.com/?cat=7" _fcksavedurl="http://wp-themes.com/?cat=7" title="View all posts filed under Second Child Category">Second Child Category</a> (1) 	<ul class="children"> 	<li class="cat-item cat-item-8"><a href="http://wp-themes.com/?cat=8" _fcksavedurl="http://wp-themes.com/?cat=8" title="View all posts filed under One Grandchild Category">One Grandchild Category</a> (1)  </li> 	</ul> </li> </ul> </li> 	<li class="cat-item cat-item-1"><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="View all posts filed under Uncategorized">Uncategorized</a> (6) </li> 				</ul> 		</div> 		 		<div class="widget">			 				<h2 class="hl">Archives</h2>  				<ul> 							<li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="October 2008">October 2008</a> (1)</li> 	<li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="September 2008">September 2008</a> (1)</li> 	<li><a href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="June 2008">June 2008</a> (5)</li> 				</ul> 		</div>  		 		 		 			 	</div>   </div> <div id="sidebar-bottom"></div>  </div>   <div class="clear"></div>    </div>   </div>  <div id="bottom"> <p style="padding-top: 110px; clear: both;">Copyright © 2008  <b>Theme Preview</b> All rights reserved. Theme by <a style="text-decoration: none; color: rgb(99, 85, 55);" href="http://csstasarimi.tr.gg" _fcksavedurl="http://csstasarimi.tr.gg" title="Geek with Laptop">CssTasarimi</a>.</p>

Css Koduna

h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  /*  Theme Name: Desk Mess Theme URI: http://www.geekwithlaptop.com/desk-mess-wordpress-theme Description: Casual work-desk theme for a different blogging experience.Brought to you <a href="http://www.geekwithlaptop.com" _fcksavedurl="http://www.geekwithlaptop.com">Geek with Laptop</a> Version: 1.4 Author: Geek With Laptop Author URL: http://www.geekwithlaptop.com Tags: valid XHTML, fixed width, wood, two columns, widgets, gravatars, right sidebar,   The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php */  /* = GLOBAL = */ * {margin:0;padding:0;} body { 	margin: 0; 	padding: 0; 	background:#ae8858 url(http://wp-themes.com/wp-content/themes/desk-mess/images/bg.jpg) repeat top left; 	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; 	font-size: 12px; 	line-height:21px; 	color: #635537; } a:link, a:visited, a:active { 	color: #d21600; 	text-decoration: none; } a:hover { 	text-decoration: underline; } h1 { 	font-size:25px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	padding-bottom:2px; } h2 { 	font-size:20px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	padding-bottom:11px; 	padding-top:15px;  } h3 { 	font-size:17px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	padding-bottom:10px; 	padding-top:14px; } /* === HEADER === */ #header-container { 	width: 990px; 	margin: auto; 	padding: 0; } #header{ 	position:relative; 	height:295px; } #cup { 	float:left; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/cup.png) no-repeat; 	height:275px; 	width:259px; 	margin-top:26px; } #logo { 	margin-left:-37px; 	float:left; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/logo.png) no-repeat; 	width:304px; 	height:170px; } #logo h2{ 	font:"Copperplate Gothic Bold", Arial, sans-serif; 	font-size:30px; 	color:#fff; 	text-align:center; 	margin:70px 0 0 24px; 	width:280px; } #logo p{ 	color:#fff; 	margin-left:15px; 	text-align:center; 	} #headerright{ 	float:left; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/righthead.png) no-repeat; 	width:534px; 	height:295px; 	margin-left:-85px; }  /* === MENU === */  #menu { height:55px; left:20px; margin:0; padding:0; position:absolute; text-transform:uppercase; top:248px; } #menu, #menu ul { line-height:3.5; list-style-image:none; list-style-position:outside; list-style-type:none; } #menu a, #menu a:hover { border:medium none; display:block; text-decoration:none; } #menu li { background:transparent url(http://wp-themes.com/wp-content/themes/desk-mess/images/menu_button2.png) repeat scroll 0 0; float:left; height:61px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:2px; margin-right:2px; text-align:center; width:99px; } #menu a, #menu a:visited { color:#332613; display:block; font-weight:bold; padding:10px 12px; } #menu a:hover, #menu a:active { color:#D21600; text-decoration:none; }          /* === MAIN AREA == */  .clear { 	position: relative; 	clear: both; 	height: 5px; } #wrapper { 	margin: 0 auto; 	position: relative; 	width: 977px; 	background-image: url(http://wp-themes.com/wp-content/themes/desk-mess/images/mainmidpart.png); 	background-repeat: repeat-y; } #mainwrap{	 	width:990px; 	margin:0 auto; 	} #maintop { 	margin: 0 auto; 	position: relative; 	width: 977px; } #maintopimg { 	position: relative; 	padding:0; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/maintoppart.png); 	height:113px; } #conttent { 	position: relative; 	width: 950px; 	margin: 0 0 0 45px; }  /* === MAIN BLOG === */  #main-blog { 	float:left; 	width:580px; 	padding:15px 10px 10px 10px; } #main-blog h1 { 	font-size:22px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	padding-bottom:2px; } #main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active{ 	color:#4a4131; 	text-decoration:none; 	border-bottom:1px solid #b2b0a4; } #main-blog h1 a:hover{ 	color:#d21600; 	text-decoration:none; 	border-bottom:1px solid #d21600; } .postdata { 	margin-bottom: 20px; 	font-size: 12px; 	font-weight: normal; 	font-style:italic; 	color: #4a4131; } .post { 	margin-bottom:60px; }  .post p { 	margin:0; 	padding:0 0 10px; }  post ul { 	margin-left:35px } .post-comments { 	float: right; 	width: 63px; 	height: 61px; 	padding:18px 0 0 24px; 	font-size:18px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	margin:-7px 20px 0 0; 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/commentbck.png) no-repeat; } .post-social { 	float: right; 	width: 78px; 	height: 74px; 	margin:-22px 30px 0 0; 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/socialbck.png) no-repeat; } .rss {	  		background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/rssicon.png) no-repeat 0 50%; 		padding-left:20px; 		padding-top:1px; }  .post-comments a:link, .post-comments a:visited, .post-comments a:active{ 	color:#4a4131; 	text-decoration:none; } .post-comments a:hover { 	color:#d21600; 	text-decoration:none; }  /* === SIDEBAR == */ #sidebar-top { 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebartop.png) no-repeat; 	height: 90px; 	min-height: 90px; } #sidebar-content { 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebarmid.png) repeat-y; 	padding:9px 30px 30px 30px; } #sidebar-bottom { 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/sidebarbottom.png) no-repeat; 	height: 37px; 	min-height: 37px; 	text-align:right; 	margin-left:-1px; } #sidebar { 	width:305px; 	position:relative; 	float:left; 	margin:-20px 0 0 -8px;	 }		 .subcolumn{ 	width:255px; } #search{ 	width:252px; 	height:125px; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/searchbck.png) no-repeat; 	margin-left:4px; }  .form-input { 	margin: 65px 10px 10px 37px; 	width: 173px; 	padding: 2px 2px; 	background: #faf6f6; 	border: 1px solid #e3dccb; 	color: #666; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 0.8em; }   .form-input:focus { 	background:#f2f0f0; 	border: 1px solid #b5b4b2;	 }  .search-submit { 	margin:0 0 0 84px; 	width: 85px;	 	background: #faf6f6; 	border: 1px solid #e3dccb; 	color: #666; 	font-size:.85em;	 } .widget { 	width:252px; 	margin-left:4px; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/widgetbck.png) repeat-y; 	border-bottom:1px solid #e3dccb; 	margin-bottom:20px; 	text-align:center; 	padding-bottom:10px; 	margin-top:10px; 	 } #calendar_wrap{ 	margin-left:55px; 	} .widget p { 	padding-left:5px; 	} 	 	 .widget h2 { 	height:40px; 	width:252px; 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/widgeth2.png) no-repeat; 	text-align:center; 	padding:22px 0 0 0; 	font-size:20px; 	font-family:Georgia, "Times New Roman", Times, serif; 	font-weight:normal; 	line-height:normal; 	color:#4a4131; 	margin:0; } .widget ul { 	margin:0 0 15px 0; 	padding:5px 0; 	border:none ; 	list-style:none; } .widget ul li { 	padding:5px 15px 10px 15px; 	margin:0px; 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/listseparator.png) no-repeat 25% 100%; } .widget ul li a{ 	color: #d21600; 	text-decoration:none; } .textwidget{ 	padding:0 8px 0 8px; 	} .widget ul li a:hover{ 	color: #635537; 	text-decoration:none; }		  /* --- IMAGES --- */  img { 	 } p img { 	padding: 0; 	max-width: 100%;	 } img.aligncenter { 	border: 1px solid #59350b; 	margin-left: auto; 	margin-right: auto; 	display: block; } img.alignright { 	border: 1px solid #59350b; 	margin: 0 0 13px 13px; 	display: inline; } img.alignleft { 	border: 1px solid #59350b; 	margin: 0 13px 13px 0; 	display: inline; } .alignleft { 	float: left } .alignright { 	float: right; } .wp-caption {    border: 1px solid #59350b;    text-align: center;    background-color: #f3f3f3;    padding-top: 4px;    margin: 10px;    /* optional rounded corners for browsers that support it */    -moz-border-radius: 3px;    -khtml-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius: 3px; }  .wp-caption img {    margin: 0;    padding: 0;    border: 0 none; }  .wp-caption p.wp-caption-text {    font-size: 11px;    line-height: 17px;    padding: 0 4px 5px;    margin: 0; } 	 /* == FOOTER == */ #bottom{ 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer2.png) no-repeat; 	 	 	height:154px; 	 } #bottom p{ 	text-align:center; }  #wp-footer{ 	position:absolute; 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer-wp.png) no-repeat; 	width:95px; 	height:26px; 	margin-top:95px; 	margin-left:460px; }	 #wp-footer a { 	display: block; 	height: 0; 	padding-top:26px; 	overflow: hidden; 	text-decoration: none; 	width: 95px; } #wp-footer a:hover { 	background: url(http://wp-themes.com/wp-content/themes/desk-mess/images/footer-wp.png)  no-repeat 0 -28px; } /*------------------COMMENTS----------*/ .commentlist { 	padding: 0; 	text-align: justify; }	 .commentlist p { 	margin: 0 15px 10px 2px; 	clear:both; } #commentform p { 	margin: 5px 0; } .nocomments { 	text-align: center; 	margin: 0; 	padding: 0; } .alt{ 	margin-top: 1px; 	padding: 10px 10px 5px 10px; 	background: #f2f2f2; 	border: 1px solid #b2b0a4; }	 .alt2{ 	margin-top: 1px; 	padding: 10px 10px 5px 10px; 	background: #ffffff; 	border: 1px solid #b2b0a4; }	 .administrator { 	margin-top: 1px; 	padding: 10px 10px 5px 10px; 	background:#e5dfcf url(http://wp-themes.com/wp-content/themes/desk-mess/images/author.png) no-repeat center ; 	border: 1px solid #7e7d75; } .cgravatar { 	float: left; 	width: 60px; 	height: 60px; 	margin: 0px 12px 0px 0px; 	border: 1px solid #47453a; } .comment-author {	 	font-size: 120%; 	font-family:Geneva, Arial, Helvetica, sans-serif; 	color: #2b2d2f; } .comment-author a:link , .comment-author a:visited, .comment-author a:active { 	color: #d21600; 	border-bottom: 1px solid #d21600 ;	 	text-decoration: none; } .comment-author a:hover { 	color: #635537; 	border-bottom:1px solid #b2b0a4; 	text-decoration: none; }		 .comment-date { 	margin-left:2px; 	margin-top:3px; 	font-size: .75em; 	color: #888; } #com{ 	width:580px; 	padding: 0 0 5px 0px; 	clear: both; } #comhead{ 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/comh3.png) no-repeat; 	margin-bottom:10px; 	color:#271b03; 	padding:8px 0 0 40px; 	font-size:18px; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:normal;	 	width: 175px;	 	height: 36px; 	 } #respond { 	width:580px; 	padding: 0 0 5px 10px; 	clear: both; } #respond { 	background:url(http://wp-themes.com/wp-content/themes/desk-mess/images/comh3.png) no-repeat; 	width: 175px;	 	height: 36px; 	margin-top:25px; 	color:#271b03; 	padding:8px 0 0 70px; 	font-size:18px; 	font-family:Arial, Helvetica, sans-serif; 	font-weight:normal;	  	 } #commentform {	 	margin: 10px 10px 30px 0px; 	font: 110% Arial, Helvetica, sans-serif; } #commentform p { 	padding: 6px 0px; 	margin: 0px; } #commentform label{ 	color: #787878; 	font-size: 87%; } #commentform input{ 	width: 200px; 	background: #fff; 	border: 1px solid #b2b0a4; 	padding: 5px; 	margin-top: 3px; 	font: 100% 'Trebuchet MS', Verdana, Sans-Serif; } #commentform textarea{ 	height: 130px; 	background: #fff; 	border: 1px solid #b2b0a4; 	padding: 5px; 	margin-top: 3px; 	font: 100% 'Trebuchet MS', Verdana, Sans-Serif; 	overflow: auto; } #commentform #submit{ 	cursor:pointer; } .contactform input,  .contactform textarea { 	background: #333; 	border: 1px solid #b2b0a4; 	color: #fff; } .contactform input:focus, .contactform textarea:focus { 	background:#444444; 	border: 1px solid #000;	 	padding-bottom:30px; 	color:#fff; } .contactform #contactsubmit { 	width: 85px; 	background: #111; 	border: 1px solid #666; 	color: #e3e3e3; 	font-size:.85em; } .contactform #contactsubmit:focus{	 	width: 85px; 	background: #333; 	border: 1px solid #666; 	color: #e3e3e3; 	font-size:.85em; } .contactform textarea { 	width: 340px; 	height: 200px; 	margin-bottom:10px; } .ddfmwrap { 	width: 450px; 	margin: 0; 	padding: 10px 0; }  .ddfmwrap form.ddfm { 	width: 450px; 	margin: 0; 	padding: 0; }  .ddfmwrap form.ddfm legend { 	font-size: 1.1em; 	font-weight: normal; 	color: #635537; }  .ddfmwrap form.ddfm label { 	padding-top: 4px; 	color: #635537; 	font-weight: normal; 	line-height: normal; }   .ddfmwrap form.ddfm fieldset { 	padding: 15px 15px 15px; 	border: 1px solid #b2b0a4; }     .ddfmwrap p { 	color: #635537; }  form.ddfm .credits { 	display: none; }  .ddfmwrap .required { 	color: #cf0e0e; }  .ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect { 	padding: 4px 5px; 	background: #fdfef6; 	border: 1px solid #b2b0a4; 	color: #635537; 	font-family: Arial, Helvetica, Geneva, sans-serif; 	font-size: 1em; }  .ddfmwrap .fmtextarea { 	height: 200px; }  .ddfmwrap .fmtext:focus, .ddfmwrap .fmtextarea:focus, .ddfmwrap .fmselect:focus { 	border: 1px solid #918b6e; }  .ddfmwrap .submit { 	margin-left:-8px; 	text-align: left; }  .ddfmwrap .submit input { 	padding: 3px 12px; 	background: #fdfef6; 	border: 1px solid #918b6e; 	color: #2b2d2f; 	font: normal 0.9em Arial, Helvetica, Geneva, sans-serif; }   #wp-calendar { empty-cells:show; font-size:12px; font-weight:bold; margin:0; padding:0; text-align:center; text-decoration:none; width:200px; }	</body></html>

Tasarimin Üzerine

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 { background:url(https://img.webme.com/pic/m/msn-kent/bg.gif) repeat-x top #c9edf9; margin:0px; padding:0px; font: 10px verdana, arial, helvetica; color:#000; } p{ text-align:justify; line-height:15px; padding:0px 0 5px 0; } p.left_arrow{ text-align:justify; line-height:15px; padding:0px 0 5px 60px; background:url(https://img.webme.com/pic/m/msn-kent/tool.gif) no-repeat left top; } .clear{ clear:both; } #main_container{ width:900px; height:auto; margin:auto; background:url(https://img.webme.com/pic/m/msn-kent/header_bg.png) no-repeat top center; } .center_content{ width:865px; padding:0px; margin:auto; } #header{ width:865px; height:268px; margin:auto; } #logo{ padding:17px 0 0 5px; float:left; } .top_text{ width:315px; clear:both; float:left; padding:55px 0 0 30px; color:#FFFFFF; } a.testimonial{ float:right; padding:0px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; font-weight:bold; text-decoration:none; } /*----------------------menu-------------------------*/ #menu{ float:right; padding:35px 30px 0 0; } #menu ul{ list-style:none;padding:0px;margin:0px;display:block; } #menu ul li{ list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:italic; } #menu ul li a{ float:left;text-decoration:none;padding:0px 4px 0 4px; margin:0px 8px 0 8px;color:#fff;text-align:center; } #menu ul li a:hover{ text-decoration:none;color: #fff; border-bottom:3px #FFFFFF solid; } #menu ul li a.current{ float:left;text-decoration:none;padding:0px 4px 0 4px;color: #fff;margin:0px 8px 0 8px; border-bottom:3px #FFFFFF solid; } /*-----------------main content----------------------------*/ .main_content{ width:865px; height:auto; margin:auto; padding:0 0 30px 0; background-color:#FFFFFF; } .main_content_top{ width:865px; height:16px; background:url(images/main_content_top.gif) no-repeat center top; } #boxes_content{ width:865px; clear:both; margin:auto; } .box{ padding:10px 10px 10px 16px;float:left;} .box_content{ background:url(https://img.webme.com/pic/m/msn-kent/box_bg.gif) no-repeat center;width:259px;height:202px; } .boxtitle{ font-size:18px; color:#000000; padding:10px 0 0 15px; font-family:Arial, Helvetica, sans-serif; } .box_icon{ clear:both; float:left; width:80px; padding:25px 0 0 15px; } p.text_content{ width:135px; float:left; text-align:left; padding:5px 10px 0 15px; color:#000000; line-height:15px; } a.read_more{ padding:10px 0 0 0; } .title{ font-size:18px; color:#000000; padding:10px 0 0 0px; font-family:Arial, Helvetica, sans-serif; } .left_content{ width:420px; float:left; padding:10px 10px 10px 20px; } .right_content{ width:390px; float:left; padding:10px 0 10px 20px; } .right_news{ float:left; width:auto; border-bottom:1px #CCCCCC dashed; padding:10px 0 8px 0; } .news_icon{ width:48px; height:36px; float:left; background:url(images/news.gif) no-repeat center; } .news_content{ width:310px; float:left; text-align:justify; line-height:15px; padding:0 0 0 10px; } /*-----------------------------footer------------------*/ #footer{ clear:both; width: auto; height:50px; color: #0c9cc9; } .copyright{ float:right; padding-left:10px; padding-top:10px; } .footer_links{ float:left; padding-right:15px; padding-top:13px; } .footer_links a{ text-decoration:none; color: #0c9cc9; padding-left:10px; } .footer_links a:hover{ text-decoration:underline; color: #0c9cc9; }

www.free-css.com Sitesinden İndirdigimiz Tasarımı Tamamen Kendimiz Tr.Gg ye uyarladık
BU TASARIM TAMAMEN BİZİM TARAFIMIZDAN YAPILMISTIR...

Tasarimin Üzerine
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Test Site </title> <meta name="generator" content="WordPress 2.5.1" />  <link rel="stylesheet" href="http://www.wpskins.org/testrun/wp-content/themes/6477/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Test Site RSS Feed" href="http://www.wpskins.org/testrun/?feed=rss2" /> <link rel="pingback" href="http://www.wpskins.org/testrun/xmlrpc.php" /> <script type="text/javascript" src="http://www.wpskins.org/testrun/wp-content/themes/6477/script.js"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.wpskins.org/testrun/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.wpskins.org/testrun/wp-includes/wlwmanifest.xml" /> <script type='text/javascript' src='http://www.wpskins.org/testrun/wp-includes/js/jquery/jquery.js?ver=1.2.3'></script> <script type='text/javascript' src='http://www.wpskins.org/testrun/wp-includes/js/thickbox/thickbox.js?ver=3.1'></script> <meta name="generator" content="WordPress 2.5.1" /> </head> <body> <div class="PageBackgroundGlare"><div class="PageBackgroundGlareImage"></div></div> <div class="Main"> <div class="Sheet"> <div class="Sheet-body"> <div class="nav"> <ul class="menu"> <li><a class="active" href="http://www.turk-toplist.tr.gg"><span><span>Home</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.turk-toplist.tr.gg" title="Link Ekle"><span><span>Lınk</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.turk-toplist.tr.gg" title="Link Ekle"><span><span>Link</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.turk-toplist.tr.gg" title="Link Ekle"><span><span>Link</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.turk-toplist.tr.gg" title="Link Ekle"><span><span>Link</span></span></a></li> <li class="page_item page-item-2"><a href="http://www.turk-toplist.tr.gg" title="Link Ekle"><span><span>Link</span></span></a></li> </ul> <div class="l"></div><div class="r"><div></div></div></div><div class="Header"> <div> <table class="logo"> <tr><td class="logo-name"><a href="http://www.wpskins.org/testrun/">Turk Toplist</a></td></tr> <tr><td class="logo-text">www.turk-toplist.tr.gg</td></tr> </table> </div> </div> <div class="contentLayout"> <div class="sidebar1"> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Recent Posts <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href="http://www.turk-toplist.tr.gg">Turk Toplist</a></li> <li><a href="http://www.turk-toplist.tr.gg">Turk Toplist. </a></li> <li><a href="http://www.turk-toplist.tr.gg">Turk Toplist. </a></li> <li><a href="http://www.turk-toplist.tr.gg">Turk Toplist</a></li> <li><a href="http://www.turk-toplist.tr.gg">Turk Toplist. </a></li> <li><a href="http://www.turk-toplist.tr.gg">Turk Toplist. </a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Pages <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li class="page_item page-item-2"><a href="http://www.wpskins.org/testrun/?page_id=2" title="About">Turk Toplist</a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Meta <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href="http://www.wpskins.org/testrun/wp-login.php">Turk Toplist</a></li> <li><a href="http://www.wpskins.org/testrun/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">Turk Toplist</abbr></a></li> <li><a href="http://www.wpskins.org/testrun/?feed=comments-rss2" title="The latest comments to all posts in RSS">Turk Toplist <abbr title="Really Simple Syndication">RSS</abbr></a></li> <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">Turk Toplist</a></li> </ul> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Premium Themes <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <div class="textwidget"> </div> </div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> </div> <div class="content"> <div class="Block"> <div class="Block-body"> <div class="BlockContent"> <div class="BlockContent-body">

Tasarimin ALtına

</div> <div class="BlockContent-tl"></div> <div class="BlockContent-tr"><div></div></div> <div class="BlockContent-bl"><div></div></div> <div class="BlockContent-br"><div></div></div> <div class="BlockContent-tc"><div></div></div> <div class="BlockContent-bc"><div></div></div> <div class="BlockContent-cl"><div></div></div> <div class="BlockContent-cr"><div></div></div> <div class="BlockContent-cc"></div> </div> </div> <div class="Block-tl"></div> <div class="Block-tr"><div></div></div> <div class="Block-bl"><div></div></div> <div class="Block-br"><div></div></div> <div class="Block-tc"><div></div></div> <div class="Block-bc"><div></div></div> <div class="Block-cl"><div></div></div> <div class="Block-cr"><div></div></div> <div class="Block-cc"></div> </div> </div> </div> </div> <div class="Sheet-tl"></div> <div class="Sheet-tr"><div></div></div> <div class="Sheet-bl"><div></div></div> <div class="Sheet-br"><div></div></div> <div class="Sheet-tc"><div></div></div> <div class="Sheet-bc"><div></div></div> <div class="Sheet-cl"><div></div></div> <div class="Sheet-cr"><div></div></div> <div class="Sheet-cc"></div> </div> <div id="footer">  <p>Designed by <a href="http://www.turk-toplist.tr.gg/">Turk-Toplist.tr.gg</a> and Coded by <a href="http://www.wpspider.com/">Free Blog Theme</a>.<br/> <a href="http://www.wpskins.org/testrun/?feed=rss2">Entries (RSS)</a> and <a href="http://www.wpskins.org/testrun/?feed=comments-rss2">Comments (RSS)</a>. </p> </div> </div>

Css Kod BöLümüNe

#counter{display: none;} 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: WP-spinach Description: WP-spinach, free WordPress theme by WP-Spider. Version: 1.0 Author: WP-Spider Author URI: http://www.freewordpresstheme.info/ Tags: fixed width, left sidebar, two columns, valid XHTML, widgets License Information : All templates are free to use as long as you leave the credits unchanged. You cannot claim these templates or modifications of these templates as yours. You cannot redistribute these templates on your website. You cannot modify these templates and distribute them. / / begin Page / body { margin: 0 auto; padding: 0; font-size: 62.5%; / Resets 1em to 10px / font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #D9D9D9; background-image: url('images/Page-BgTexture.png'); background-repeat: repeat; color: #000000; } h2 { font-size: 18px; } .Main { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlare { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlareImage { background-image: url('images/Page-BgGlare.png'); background-repeat: no-repeat; height: 490px; width: 244px; margin: 0; } / specially for Opera / html:first-child .PageBackgroundGlare { border: 1px solid transparent; } / specially for Opera / html .PageBackgroundGlareImage { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Page-BgGlare.png',sizingMethod='crop')"); } table, th, td { font-size: 1em; padding: 0; border-collapse: collapse; } a img { border: 0px none; } a { color: #935006; } a:link { color: #935006; } a:visited { color: #643C12; } a:hover { color: #F58D19; } /* end Page / / begin Box, Sheet / .Sheet { min-width:47px; min-height:47px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; width: 900px; } html .Sheet { width:expression(this.offsetWidth < 47 ? 47+"px" : "auto !important"); height:expression(this.offsetHeight < 47 ? 47+"px" auto !important; width: 900px; zoom: 1 } .Sheet-body { position: relative; overflow: hidden; z-index: 0; margin: 12px; text-align: left; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 37px; height: 37px; background-image: url('images/Sheet-s.png'); } * html .Sheet-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 37px; height: 37px; } * html .Sheet-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-37+'px'); } .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -37px; width: 74px; height: 74px; background-image: url('images/Sheet-s.png'); } * html .Sheet-tr div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 37px; height: 37px; } * html .Sheet-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-37+'px'); } .Sheet-bl div { position: absolute; z-index: -1; top: -37px; left: 0; width: 74px; height: 74px; background-image: url('images/Sheet-s.png'); } * html .Sheet-bl div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 37px; height: 37px; } * html .Sheet-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-37+'px'); left: expression(this.parentNode.offsetWidth-37+'px'); } .Sheet-br div { position: absolute; z-index: -1; top: -37px; left: -37px; width: 74px; height: 74px; background-image: url('images/Sheet-s.png'); } * html .Sheet-br div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-s.png',sizingMethod='crop')"); } .Sheet-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 37px; right: 37px; height: 37px; } * html .Sheet-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-74+'px'); } .Sheet-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 74px; background-image: url('images/Sheet-h.png'); } * html .Sheet-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-h.png',sizingMethod='scale')"); } .Sheet-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 37px; right: 37px; height: 37px; } * html .Sheet-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-37+'px'); width: expression(this.parentNode.offsetWidth-74+'px'); } .Sheet-bc div { position: absolute; z-index: -1; top: -37px; left: 0; width: 100%; height: 74px; background-image: url('images/Sheet-h.png'); } * html .Sheet-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-h.png',sizingMethod='scale')"); } .Sheet-cl { position: absolute; overflow:hidden; z-index: -1; top: 37px; left: 0; width: 37px; bottom: 37px; } * html .Sheet-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-74+'px'); } .Sheet-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 74px; height: 100%; background-image: url('images/Sheet-v.png'); } * html .Sheet-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-v.png',sizingMethod='scale')"); } .Sheet-cr { position: absolute; overflow:hidden; z-index: -1; top: 37px; right: 0; width: 37px; bottom: 37px; } * html .Sheet-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-37+'px'); height: expression(this.parentNode.offsetHeight-74+'px'); } .Sheet-cr div { position: absolute; z-index: -1; top: 0; left: -37px; width: 74px; height: 100%; background-image: url('images/Sheet-v.png'); } * html .Sheet-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Sheet-v.png',sizingMethod='scale')"); } .Sheet-cc { position: absolute; overflow:hidden; z-index: -2; top: 37px; left: 37px; right: 37px; bottom: 37px; background-color: #FFFFFF; } * html .Sheet-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-74+'px'); height: expression(this.parentNode.offsetHeight-74+'px'); } .Sheet { margin-top: 20px !important; margin-bottom: 3em; padding: 0 0 1em 0; } /* end Box, Sheet / / begin Header / div.Header { margin: 0 auto; position: relative; width: 876px; height: 150px; } html div.Header { font-size: 1px; } div.Header div { width: 100%; height: 100%; background-image: url('images/Header.jpg'); background-repeat: no-repeat; background-position: center; text-align: left } /* end Header / / begin Logo / .logo { position: relative; left: 10px; top: 41px; } .logo td { text-align: left; vertical-align: middle; white-space: nowrap; } .logo-name { font-size: 26px; font-family: Lucida Sans Unicode; font-style: normal; font-weight: bold; } .logo-name a { text-decoration: none; color: #844806 !important; } .logo-text { font-size: 18px; font-family: Lucida Sans Unicode; font-style: normal; font-weight: bold; color: #6C3B04 !important; } / end Logo / / begin Menu / .menu, .menu ul { margin: 0; padding: 0; border: 0px none; list-style-type: none; display: block } .menu li { margin: 0; padding: 0; border: 0px none; display: block; float: left; position: relative; z-index: 5 } .menu li:hover { z-index: 10000; white-space: normal; } .menu li li { float: none; } .menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; } .menu li:hover>ul { visibility: visible; top: 100%; } .menu li li:hover>ul { top: 0; left: 100%; } .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { min-height: 0; } .menu ul { background-image: url('images/spacer.gif'); margin-left:-30px; margin-right:0; margin-top:-10px; margin-bottom:0; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:30px } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } html .menu, * html .menu ul { height: 1%; } * html .menu li.menuhover { z-index: 10000; } * html .menu .menuhoverUL { visibility: visible; } * html .menu .menuhoverUL { top: 100%; left: 0; } * html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } * html .menu ul a { height: 1%; } * html .menu li li { float: left; width: 100%; } * html .menu .menuhoverUL .menuhoverUL { top: 5px; left: 100%; } * html .menu, * html .menu ul { height: 1%; } * html .menu li.menuhover { z-index: 10000; } * html .menu .menuhoverUL { visibility: visible; } * html .menu .menuhoverUL { top: 100%; left: 0; } * html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } * html .menu ul a { height: 1%; } * html .menu li li { float: left; width: 100%; } .nav { position: relative; margin: 0 auto; width: 876px; height: 26px; z-index: 100; } .menu { padding: 0px 11px 0px 11px; } * html .nav { zoom: 1; } .nav .l, .nav .r, .nav .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 26px; } .nav .l { left: 0; right: 11px; } * html .nav .l { width: expression(this.parentNode.offsetWidth-11+'px'); } .nav .r { right: 0; width: 11px; } * html .nav .r { left: expression(this.parentNode.offsetWidth-11+'px'); } .nav .r div { width: 876px; right: 0; } * html .nav .r div { left: expression(this.parentNode.offsetWidth-876+'px'); } .nav .l, .nav .r div { background-position: left top; background-repeat: no-repeat; background-image: url('images/nav.png'); } * html .nav .l, * html .nav .r div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/nav.png',sizingMethod='crop')"); } /* end Menu / / begin MenuItem / .menu ul li { clear: both; } .menu a, .menu a span { height: 26px; display: block; } html .menu a, * html .menu a span { float: left; } .menu a { cursor: pointer; text-decoration: none; margin-right: 1px; margin-left: 0px; } .menu a { background-image: url('images/item-left.png'); background-position: left top; background-repeat: no-repeat; } .menu a span { background-image: url('images/item-right.png'); background-position: right top; background-repeat: no-repeat; } .menu a span span { font-family: 'Lucida Sans Unicode'; font-size: 13px; font-weight: Bold; font-style: normal; text-decoration: none; color: #0D0D0D; padding: 0 2px; margin: 0 21px; line-height: 26px; text-align: center; background-image: url('images/item-center.png'); background-position: left top; background-repeat: repeat-x; } * html .menu a span span { display: inline; } .menu a:hover { background-position: left -26px; } .menu li:hover>a { background-position: left -26px; } * html .menu .menuhover .menuhoverA { background-position: left -26px; } .menu li:hover a span { background-position: right -26px; } .menu a:hover span { background-position: right -26px; } * html .menu .menuhover .menuhoverA span { background-position: right -26px; } .menu a:hover span span { color: #000000; background-position: left -26px; } .menu li:hover a span span { color: #000000; background-position: left -26px; } * html .menu .menuhover .menuhoverA span span { color: #000000; background-position: left -26px; } .menu a.active { background-position: left -52px; } .menu a.active span { background-position: right -52px; } .menu a.active span span { color: #FDECD8; background-position: left -52px; } /* end MenuItem / / begin MenuSubItem / .menu ul a { text-align: center; height: 24px; line-height: 24px; margin-right: auto; width: 234px; background-image: url('images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #E7B279; } .nav ul.menu ul span, .nav ul.menu ul span span { display:inline; float:none; margin:inherit; padding:inherit; background-image:url('none'); text-align:inherit; text-decoration:inherit } .menu ul a, .nav ul.menu ul span, .nav ul.menu ul span span { line-height: 24px; color: #110A03; font-family: 'Verdana'; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; } .menu ul ul a { margin-left: auto; } html .menu ul a { color: #110A03 !important; } .menu ul li a:hover { color: #38220A; border-color: #DE9445; background-position: 0 -24px; } .menu ul li:hover>a { color: #38220A; border-color: #DE9445; background-position: 0 -24px; } * html .menu ul a:hover { color: #38220A !important; } * html .menu ul .menuhover .menuhoverA { color: #38220A !important; border-color: #DE9445; background-position: 0 -24px; } .nav .menu ul li a:hover span, .nav .menu ul li a:hover span span { color: #38220A; } .nav .menu ul li:hover>a span, .nav .menu ul li:hover>a span span { color: #38220A; } * html .nav .menu ul a:hover span, * html .nav .menu ul a:hover span span { color: #38220A !important; } * html .nav .menu ul .menuhover .menuhoverA span, * html .nav .menu ul .menuhover .menuhoverA span span { color: #38220A !important; } /* end MenuSubItem / / begin ContentLayout / .contentLayout { margin-bottom: 6px; width: 100%; position: relative; }/ end ContentLayout / / begin Button / button.Button, a.Button { border: none; padding: 0; margin: 0; background: none; font-size: 100%; font-family: inherit; line-height: inherit; display: inline-block; overflow: visible; width: auto; cursor: default; white-space: normal; text-decoration: none; } .Button .btn { position: relative; display: block; overflow: hidden; float: left; z-index: 0; height: 27px; color: #0D0D0D; } .Button .t { height: 27px; line-height: 27px; padding: 0 11px; text-align: left; font-family: 'Arial'; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; } .Button .active { color: #341F09; } .Button .hover { color: #361D02; } .Button .active .r { top: -54px; } .Button .hover .r { top: -27px; } .Button .r { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 9px; height: 81px; } html .Button .r { font-size: 1px; left: expression(this.parentNode.offsetWidth-9+'px'); } .Button .r span { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:413px; height: 81px; } * html .Button .r span { font-size: 1px; left: expression(this.parentNode.offsetWidth-413+'px'); } .Button .active .l { top: -54px; } .Button .hover .l { top: -27px; } .Button .l { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 9px; height: 81px; } * html .Button .l { font-size: 1px; width: expression(this.parentNode.offsetWidth-9+'px'); } .Button .l, .Button .r span { background-image: url('images/Button.png'); } * html .Button .l, * html .Button .r span { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Button.png',sizingMethod='crop')"); } /* end Button / / begin Box, Block / .Block { min-width:29px; min-height:29px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } html .Block { width:expression(this.offsetWidth < 29 ? 29+"px" auto !important; height:expression(this.offsetHeight < 29 ? 29+"px" auto !important; zoom: 1 } .Block-body { position: relative; overflow: hidden; z-index: 0; margin: 12px; text-align: left; } .Block-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 28px; height: 28px; background-image: url('images/Block-s.png'); } * html .Block-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-s.png',sizingMethod='crop')"); } .Block-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 28px; height: 28px; } * html .Block-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-28+'px'); } .Block-tr div { position: absolute; z-index: -1; top: 0px; left: -28px; width: 56px; height: 56px; background-image: url('images/Block-s.png'); } * html .Block-tr div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-s.png',sizingMethod='crop')"); } .Block-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 28px; height: 28px; } * html .Block-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-28+'px'); } .Block-bl div { position: absolute; z-index: -1; top: -28px; left: 0; width: 56px; height: 56px; background-image: url('images/Block-s.png'); } * html .Block-bl div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-s.png',sizingMethod='crop')"); } .Block-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 28px; height: 28px; } * html .Block-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-28+'px'); left: expression(this.parentNode.offsetWidth-28+'px'); } .Block-br div { position: absolute; z-index: -1; top: -28px; left: -28px; width: 56px; height: 56px; background-image: url('images/Block-s.png'); } * html .Block-br div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-s.png',sizingMethod='crop')"); } .Block-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 28px; right: 28px; height: 28px; } * html .Block-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-56+'px'); } .Block-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 56px; background-image: url('images/Block-h.png'); } * html .Block-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-h.png',sizingMethod='crop')"); } .Block-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 28px; right: 28px; height: 28px; } * html .Block-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-28+'px'); width: expression(this.parentNode.offsetWidth-56+'px'); } .Block-bc div { position: absolute; z-index: -1; top: -28px; left: 0; width: 100%; height: 56px; background-image: url('images/Block-h.png'); } * html .Block-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-h.png',sizingMethod='crop')"); } .Block-cl { position: absolute; overflow:hidden; z-index: -1; top: 28px; left: 0; width: 28px; bottom: 28px; } * html .Block-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-56+'px'); } .Block-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 56px; height: 100%; background-image: url('images/Block-v.png'); } * html .Block-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-v.png',sizingMethod='crop')"); } .Block-cr { position: absolute; overflow:hidden; z-index: -1; top: 28px; right: 0; width: 28px; bottom: 28px; } * html .Block-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-28+'px'); height: expression(this.parentNode.offsetHeight-56+'px'); } .Block-cr div { position: absolute; z-index: -1; top: 0; left: -28px; width: 56px; height: 100%; background-image: url('images/Block-v.png'); } * html .Block-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/Block-v.png',sizingMethod='crop')"); } .Block-cc { position: absolute; overflow:hidden; z-index: -2; top: 28px; left: 28px; right: 28px; bottom: 28px; background-image: url('images/Block-c.png'); } * html .Block-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-56+'px'); height: expression(this.parentNode.offsetHeight-56+'px'); } .Block { margin: 5px; } .Block table.table { border-collapse: collapse; margin: 1px; } .Block table.table th, .Block table.table td { padding: 2px; border: solid 1px #C4C4C4; } /* end Box, Block / / begin BlockHeader / .BlockHeader { position: relative; overflow: hidden; height: 30px; z-index: 0; line-height: 30px; padding: 0 13px; margin-bottom: 2px; text-align: left; color: #000000; font-family: 'Lucida Sans Unicode'; font-size: 14px; font-weight: Bold; font-style: normal; text-decoration: none; } html .BlockHeader { zoom: 1; } .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 30px; } .BlockHeader .l { left: 0; right: 7px; } * html .BlockHeader .l { width: expression(this.parentNode.offsetWidth-7+'px'); } .BlockHeader .r { right: 0; width: 7px; } * html .BlockHeader .r { left: expression(this.parentNode.offsetWidth-7+'px'); } .BlockHeader .r div { width: 876px; right: 0; } * html .BlockHeader .r div { left: expression(this.parentNode.offsetWidth-876+'px'); } * html .BlockHeader .l, * html .BlockHeader .r div { font-size: 1px; } .BlockHeader .l, .BlockHeader .r div { background-position: left top; background-repeat: no-repeat; background-image: url('images/BlockHeader.png'); } * html .BlockHeader .l, * html .BlockHeader .r div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockHeader.png',sizingMethod='crop')"); } /* end BlockHeader / / begin Box, BlockContent / .BlockContent { min-width:13px; min-height:13px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } html .BlockContent { width:expression(this.offsetWidth < 13 ? 13+"px" auto !important; height:expression(this.offsetHeight < 13 ? 13+"px" auto !important; zoom: 1 } .BlockContent-body { position: relative; overflow: hidden; z-index: 0; margin: 12px; text-align: left; color: #707070; font-family: 'Tahoma'; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; } .BlockContent a { color: #C37E10; } .BlockContent a:link { color: #C37E10; } .BlockContent a:hover { color: #F58D19; } .BlockContent a:hover:visited { color: #F58D19; } .BlockContent a:visited { color: #816950; } .BlockContent-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 6px; height: 6px; background-image: url('images/BlockContent-s.png'); } * html .BlockContent-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 6px; height: 6px; } * html .BlockContent-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-6+'px'); } .BlockContent-tr div { position: absolute; z-index: -1; top: 0px; left: -6px; width: 12px; height: 12px; background-image: url('images/BlockContent-s.png'); } * html .BlockContent-tr div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 6px; height: 6px; } * html .BlockContent-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); } .BlockContent-bl div { position: absolute; z-index: -1; top: -6px; left: 0; width: 12px; height: 12px; background-image: url('images/BlockContent-s.png'); } * html .BlockContent-bl div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 6px; height: 6px; } * html .BlockContent-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); left: expression(this.parentNode.offsetWidth-6+'px'); } .BlockContent-br div { position: absolute; z-index: -1; top: -6px; left: -6px; width: 12px; height: 12px; background-image: url('images/BlockContent-s.png'); } * html .BlockContent-br div { background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-s.png',sizingMethod='crop')"); } .BlockContent-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 6px; right: 6px; height: 6px; } * html .BlockContent-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-12+'px'); } .BlockContent-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 12px; background-image: url('images/BlockContent-h.png'); } * html .BlockContent-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-h.png',sizingMethod='scale')"); } .BlockContent-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 6px; right: 6px; height: 6px; } * html .BlockContent-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); width: expression(this.parentNode.offsetWidth-12+'px'); } .BlockContent-bc div { position: absolute; z-index: -1; top: -6px; left: 0; width: 100%; height: 12px; background-image: url('images/BlockContent-h.png'); } * html .BlockContent-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-h.png',sizingMethod='scale')"); } .BlockContent-cl { position: absolute; overflow:hidden; z-index: -1; top: 6px; left: 0; width: 6px; bottom: 6px; } * html .BlockContent-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-12+'px'); } .BlockContent-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 12px; height: 100%; background-image: url('images/BlockContent-v.png'); } * html .BlockContent-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-v.png',sizingMethod='scale')"); } .BlockContent-cr { position: absolute; overflow:hidden; z-index: -1; top: 6px; right: 0; width: 6px; bottom: 6px; } * html .BlockContent-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-6+'px'); height: expression(this.parentNode.offsetHeight-12+'px'); } .BlockContent-cr div { position: absolute; z-index: -1; top: 0; left: -6px; width: 12px; height: 100%; background-image: url('images/BlockContent-v.png'); } * html .BlockContent-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?''this.runtimeStyle.filterprogidDXImageTransform.Microsoft.AlphaImageLoader(src +function(var tdocument.getElementsByTagName(link');for(var i=0;i++){var l=t[i]; i<t.length; if(l.href&&}return '';})()+"images/BlockContent-v.png',sizingMethod='scale')"); } .BlockContent-cc { position: absolute; overflow:hidden; z-index: -2; top: 6px; left: 6px; right: 6px; bottom: 6px; background-color: #EFEFEF; } * html .BlockContent-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-12+'px'); height: expression(this.parentNode.offsetHeight-12+'px'); } /* end Box, BlockContent / / begin LayoutCell / .contentLayout .sidebar1 { position: relative; margin:0; padding:0; border:0px none; float: left; overflow: hidden; width: 30% } / end LayoutCell / / begin LayoutCell / .contentLayout .content { position: relative; margin:0; padding:0; border:0px none; float: left; overflow: hidden; width: 69% } / end LayoutCell / .sidebar1 ul, .sidebar2 ul, .sidebar3 ul { list-style: none; padding:0; margin:0; } .sidebar1 ul ul, .sidebar2 ul ul, .sidebar3 ul ul { padding:0 0 0 10px; } #footer { text-align: center; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 50px; font-weight:bold; clear:both; } .navigation a{ color:#790000; font-size:12px; text-decoration:underline; } .navigation a:hover{ text-decoration:none; } .navigation .alignleft a{ background:url('images/prev.gif') no-repeat left center; padding-left:17px; padding-right:0; padding-top:0; padding-bottom:0 } .navigation .alignright a{ background:url('images/next.gif') no-repeat right center;; padding-left:0; padding-right:17px; padding-top:0; padding-bottom:0 } .post h2 a { text-decoration: none; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0px none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } #commentform textarea { width: 100%; padding: 2px; } .hidden { display: none; } / Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; }

www.free-css.com Sitesinden İndirdigimiz Tasarımı Tamamen Kendimiz Tr.Gg ye uyarladık
BU TASARIM TAMAMEN BİZİM TARAFIMIZDAN YAPILMISTIR...

Tasarimin Üzerine

<div id="header"> <div id="logo"> <h1><a href="#">Turk-Toplist.Tr.Gg</a></h1> <p>Tasarim by <a href="http://www.turk-toplist.tr.gg">Turk Toplist</a></p> </div>  <div id="menu"> <ul> <li class="first"><a href="#">Ana Sayfa</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Servis</a></li> <li><a href="#">Toplist</a></li> </ul> </div>  </div>  <div id="page"> <div id="content"> <div class="post">
Tasarimin ALtına

</div> </div>  <div id="sidebar"> <ul> <li id="search"> <h2>Site Saati</h2> <center><embed height="89" align="" width="162" src="http://www.dostyurdu.com/flash/saat.swf" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false"></embed></center> </li> <li> <h2>Menu</h2> <ul> <li><a href="#">Ana Sayfa</a></li> <li><a href="#">Toplist</a></li> <li><a href="#">Ziyaretci Defteri</a></li> <li><a href="#">İletişim</a></li> <li><a href="#">Tasarimlar</a></li> <li><a href="#">Butonlar</a></li> </ul> </li> <li> <h2>Arşiv</h2> <ul> <li><a href="#">Ocak</a></li> <li><a href="#">Şubat</a></li> <li><a href="#">Mart</a></li> <li><a href="#">Nisan</a></li> <li><a href="#">Mayıs</a></li> <li><a href="#">Haziran</a></li> <li><a href="#">Temmuz</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p>© 2009. Tüm Hakları Saklıdır. Design by <a href="http://www.css-merkez.tr.gg">Css Merkez</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; padding: 0px; background: #029AC9 url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img01.jpg) repeat-x left top; font: 13px Arial, Helvetica, sans-serif; color: #212121; } h1, h2, h3 { margin-top: 0px; } h1 { font-size: 2.4em; } h2 { font-size: 1.8em; } h3 { font-size: 1.4em; } p, ol, ul { margin-bottom: 1.8em; line-height: 160%; } a { color: #393939; } a:hover { text-decoration: none; color: #393939; } a img { border: none; } hr { display: none; } /* Header */ #header { width: 900px; height: 80px; margin: 0px auto; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img02.jpg) no-repeat left top; } #header a { text-decoration: none; color: #FFFFFF; } /* Logo */ #logo { float: left; padding-left: 20px; } #logo h1, #logo p { margin: 0px; line-height: normal; font-weight: normal; color: #FFFFFF; } #logo p { padding-left: 3px; padding-top: 6px; text-transform: uppercase; font-size: 10px; } #logo h1 { padding: 5px 0px 0px 0px; } #logo a { color: #FFFFFF; } /* Menu */ #menu { float: right; margin: 11px 0 0 0; } #menu ul { margin: 0px 0 0 0; padding: 0px 20px 0px 0px; list-style: none; line-height: normal; } #menu li { float: left; margin: 0px 0px 0px 1px; } #menu a { display: block; width: auto; height: 24px; padding: 7px 15px 0px 15px; background: #176FA9; } #menu a:hover { text-decoration: underline; } #menu .first { background: none; } #menu .active a { } /* Page */ #page { width: 900px; margin: 0px auto; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img03.jpg) repeat-y left top; } /* Content */ #content { float: left; width: 630px; padding-top: 30px; } .post { margin: 0px 20px 30px 20px; } .post .title { height: 57px; margin: 0px; padding: 5px 0px 5px 70px; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img05.jpg) no-repeat left top; color: #232F01; } .post .title a { color: #232F01; } .post .entry { margin-left: 70px; } .post .meta { margin-left: 70px; font-weight: bold; } .post .byline { margin-top: -35px; margin-left: 70px; border-bottom: #BFC9AE dashed 1px; color: #5E5E5E; } /* Sidebar */ #sidebar { float: right; width: 270px; } #sidebar ul { margin: 0px; padding: 0px; list-style: none; } #sidebar li ul { margin-bottom: 1.8em; list-style: none; } #sidebar li li { padding: 5px 7px; margin-left: 24px; border-bottom: #BFC9AE dashed 1px; } #sidebar h2 { padding: 6px 30px; background: #146BA6; font-size: 1.2em; color: #FFFFFF; } #sidebar a { text-decoration: none; color: #232F01; } #sidebar a:hover { text-decoration: underline; } /* Search */ #search { } #search form { margin-bottom: 1.8em; padding: 0px; } #search fieldset { margin: 0px; padding: 0px 0px 0px 30px; border: none; } #search #s { width: 140px; } /* Footer */ #footer { clear: both; width: 900px; height: 100px; margin: 0px auto 30px auto; color: #FFFFFF; background: url(http://csstasarimm.cs.funpic.org/Tasarim/Mavi/img04.jpg) no-repeat left top; } #footer p { margin: 0px; padding: 40px 0px 0px 20px; line-height: normal; font-size: smaller; } #footer a { color: #FFFFFF; }

Tasarimin Üzerine

Css Kod BöLümüNe

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-color:#000000;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 800px; height:900px; background-image:url(https://img.webme.com/pic/m/msn-kent/arkaplsnn.png);} #content { position: absolute; left: 50%; top: 250px; margin-left:-356px; width: 717px; height: 618px; padding:10px; color: #a7a4a4; font-size:12px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#a7a4a4; text-decoration: none; font-size:13px;} a:hover { color: #a7a4a4; font-size: 13px; text-decoration: none;} a:link { color: #a7a4a4; font-size: 13px; text-decoration: none;} a:active { color: #a7a4a4; font-size: 13px; text-decoration: none;} a:visited { color: #a7a4a4; font-size: 13px; text-decoration: none;}

Tasarimin Üzerine

Tasarimin ALtına

Css Kod BöLümüNe

lli.nav_element{display: none;} li.nav_element a{display: none;} 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;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background-image:url(http://w3.gazi.edu.tr/~akkus/webtasarim/dersler/ders04/baslangic/resimler/arkaplan.gif);background-color:#ffffff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /******************************************** Design ********************************************/ #wrap { width: 800px; background: url(http://pixelea.com/s/545473bf91.png) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 800px; position: relative; height: 150px; background: #fff url(https://img.webme.com/pic/m/msn-kent/1f80c9d218.png) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 47px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 12px '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: 70px; left: 55px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #cccccc; } /* Menu */ #menu { clear: both; margin: 0 auto; padding: 0; background: url(https://img.webme.com/pic/m/msn-kent/0c958e0b68.png) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 30px; width: 800px; } #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 12px; color: #FFF; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #cccccc; } #menu ul li#current a { color: #bc0303; } /* Main Column */ #main { float: left; width: 70%; padding: 0; margin: 5px 0 0 5px; display: inline; } #main h2 { margin-top: 30px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF  none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image:  none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background:  none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background:  none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background:  none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background:  none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background:  none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: url(https://img.webme.com/pic/m/msn-kent/e977ab3197.png) no-repeat center top; clear: both; width: 800px; height: 80px; text-align: center; font-size: 92%; } #footer a { color: #FFF; 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; }

Tasarimin Üzerine
<div id="header"> <div id="logo"> <h1><a href="/home.htm" _fcksavedurl="/home.htm">Nombre de tu web</a></h1> <h2>Sub titulo</h2> </div> <div id="menu"> <ul> <li><a href="/home.htm" _fcksavedurl="/home.htm">Home</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> </ul> </div></div> <div id="page">

Tasarimin ALtına

<div id="sidebar"><ul> <li id="search"> <h2><b class="text1">Buscar</b></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>Link's</h2> <ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul> </li> <li> <h2>Favoritos</h2> <ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul> </li> <li> <h2>Contenido</h2> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <div id="footer-menu"> <ul>  <li><a href="/home.htm" _fcksavedurl="/home.htm">Home</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li>  </ul></div> <p id="legal">(c) 2009 <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl">Nombre de tu web</a>. Diseño por: <a href="http://freecsstemplates.org/" _fcksavedurl="http://freecsstemplates.org/">Free CSS Templates</a> Adaptada por <a href="http://templatesfree.es.tl" _fcksavedurl="http://templatesfree.es.tl">Templatesfree.es.tl</a></p> </div>

Css Kod BöLümüNe

#post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} /* Plantillas por www.freecsstemplates.org Adaptada por www.templatesfree.es.tl Para diseños css-desing www.paginawebgratis.es */ body { margin-top: 20px; padding: 0; background: url(http://pixelea.com/s/4e84e5801f.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6D6D6D; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #006EA6; } h1 { letter-spacing: -1px; font-size: 35px; } h2 { font-size: 26px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #0094E0; } a:hover, a:active { text-decoration: none; color: #0094E0; } a:visited { color: #0094E0; } 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 { } /* Header */ #header { width: 900px; height: 130px; margin: 0 auto 10px auto; padding-top: 10px; } #logo { float: left; height: 90px; background: url(http://pixelea.com/s/96471cf3ee.gif) no-repeat left top; } #logo h1 { margin: 0; padding: 5px 0 0 100px; font-size: 40px; color: #0099E8; } #logo h1 sup { vertical-align: text-top; font-size: 24px; } #logo h1 a { color: #5F9D10; } #logo h2 { margin: 0; padding: 0 0 0 100px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6D6D6D; } #logo a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { float: right; padding-top: 30px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; margin-left: 5px; background: url(http://pixelea.com/s/05fe4f6e58.gif) repeat-x left top; padding: 1px 10px; text-decoration: none; font-size: 12px; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .active a { } /* Page */ #page { width: 900px; margin: 0 auto; background: url(http://pixelea.com/s/144db23489.jpg) no-repeat left top; } /* Content */ #content { float: left; width: 570px; padding: 30px 0 0 30px; } /* Post */ .post { } .post .title { height: 52px; margin-bottom: 20px; padding-bottom: 5px; padding-left: 60px; border-bottom: 1px dashed #D1D1D1; background: none no-repeat left top; color: #8BCB2F; } .post .title b { font-weight: normal; color: #0094E0; } .post .date p { margin: 0; padding: 0; } .post .date { width: 50px; margin-top: -80px; padding-left: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #283900; } .post .date b { margin: 0; padding: 0; display: block; margin-top: -13px; padding-left: 2px; font-size: 16px; color: #283900; } .post .entry { } .post .meta { margin: 0; padding: 15px 0 60px 0; } .post .meta p { margin: 0; line-height: normal; } .post .meta .byline { float: left; color: #0000FF; } .post .meta .links { float: left; } .post .meta .more { width: 185px; height: 35px; padding: 5px 10px; background: #8BCB2F; border: 1px dashed #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 9px; } .post .meta .comments { padding: 5px 10px; text-transform: uppercase; text-decoration: none; background: #0094E0; border: 1px dashed #FFFFFF; font-size: 9px; } .post .meta b { display: none; } .post .meta a { color: #FFFFFF; } /* Sidebar */ #sidebar { float: right; width: 230px; padding-right: 30px; padding-top: 20px; } #sidebar ul { margin: 0; padding: 10px 0 0 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; padding: 3px 0; border-bottom: 1px dashed #D1D1D1; } #sidebar li li a { margin: 0; padding-left: 15px; } #sidebar h2 { padding-bottom: 5px; font-size: 18px; font-weight: normal; color: #0094E0; } #sidebar strong, #sidebar b { color: #8BCB2F; } #sidebar a { text-decoration: none; color: #6D6D6D; } /* Search */ #search { } #search h2 { } #s { width: 150px; 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; } /* Pie de la pagina */ #footer { width: 900px; background: url(http://pixelea.com/s/144db23489.jpg) no-repeat left top; margin: 0 auto; padding: 10px 0 0 60px; color: #353535; } html>body #footer { height: auto; } #footer-menu { } #legal { clear: both; font-size: 11px; color: #6D6D6D; } #legal a { color: #0094E0; } #footer-menu { float: left; color: #353535; text-transform: capitalize; } #footer-menu ul { margin: 0; padding: 0; list-style: none; } #footer-menu li { display: inline; } #footer-menu a { display: block; float: left; padding: 1px 15px 1px 15px; text-decoration: none; font-size: 11px; color: #6D6D6D; } #footer-menu a:hover { text-decoration: underline; } #footer-menu .active a { padding-left: 0; }

Css Tasarım

Tasarimin Üzerine
<style type="text/css" media="screen">  </style> <script type="text/javascript">  </script> <div class="menu"> <li><a href="Link1" _fcksavedurl="Link1"><b>Link Ekle</b></a></li> <li><a href="Link2" _fcksavedurl="Link2"><b>Link Ekle</b></a></li> <li><a href="Link3" _fcksavedurl="Link3"><b>Link Ekle</b></a></li> <li><a href="Link4" _fcksavedurl="Link4"><b>Link Ekle</b></a></li> <li><a href="Link5" _fcksavedurl="Link5"><b>Link Ekle</b></a></li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

Tasarimin ALtına

Tasarım www.turk-toplist.tr.gg Tarafından Yapılmıstır

Css Kod BöLümüNe

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 80px; margin-left:-350px; left: 50%; } body { background-color:#ffffff;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 714px; height: 552px; background-image:url(https://img.webme.com/pic/m/msn-kent/6cc3f621cc.png);} #content { position: absolute; left: 57%; top: 97px; margin-left:-389px; width: 628px; height: 395px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 250px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:14px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #cccccc; font-size: 13px; text-decoration: none;}

Ana Menü

Css Tasarimlari