Bilgi | Paylaşım | Eylence | Tr-o9Bilgi

CSS Design

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;}  /* Design by Css Merkez http://www.css-merkez.tr.gg */  *{ padding: 0px; margin: 0px; }  body{ background: #000000 url(https://img.webme.com/pic/c/css-merkez/css-10-back_all.jpg) no-repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; padding: 0px; margin: 0px; }  #content  { width: 100%;  }  a{ color: #151422; text-decoration:none; }  a:hover, a:active{ color:#151422; text-decoration:underline; }  #header{ height: 128px; }  #menu { height: 39px; width: 580px; margin-bottom: 10px; }  #menu ul li{ list-style: none; display: inline; }  #menu a { display: block; float: left; width: 83px; height: 37px; padding-left: 30px; padding-top: 25px;  color: #ffffff; font-size: 10px; text-transform: uppercase; font-weight: bold; background: url(https://img.webme.com/pic/c/css-merkez/css-10-button.gif) no-repeat; }  #menu a:hover { display: block; padding-top: 25px; height: 37px; float: left; color: #ffffff; font-weight: bold; background: url(https://img.webme.com/pic/c/css-merkez/css-10-button_r.gif) no-repeat; }  #main { width:580px; margin: 0 auto; }  #wrapper { width: 542px; background: url(https://img.webme.com/pic/c/css-merkez/css-10-table_back.jpg) repeat-y left; margin: 0px auto; }  #logo { height: 66px; width: 542px; text-align: right; }  #logo h1 { font-size: 18px; padding-top: 20px; padding-left: 20px; font-weight: bold; color: #E6E6E6; }  #logo h2 a { font-size: 10px; padding-left: 20px; font-weight: bold; color: #E6E6E6; text-transform: uppercase; }  #top { background: url(https://img.webme.com/pic/c/css-merkez/css-10-top.jpg) no-repeat top }  #text{ background: url(https://img.webme.com/pic/c/css-merkez/css-10-bottom.jpg) no-repeat bottom left; padding-bottom: 60px; padding-left: 60px; padding-right: 60px; padding-top: 60px; min-height: 480px; }  #text p{ padding:5px; }  h1, h2, h3{ color:#151422; }  h1{ font-size:1.2em; }  h2{ font-size:1.05em; }  h3{ font-size:1em; }  #text ul, ol{ padding-left:12px; margin-left:12px; }   .meta{ text-align:right; color:#151422; font-size:0.79em; }  .meta a{ text-decoration:underline; }  #footer{ font-size:0.79em; text-align:center; margin-bottom: 20px; height: 50px; color: #FFFFFF; padding-top: 10px; }  #footer a{ text-decoration:underline; color: #FFFFFF; }

Tasarimin Üzerine

Tasarimin ALtına

</div> 	<div id="left">		 			<h3>MENÜ</h3> 			<ul> 			  <li><ul> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Ekle</a></li> 				  <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dost Siteler</a></li> 				  </ul> 			  </li> 			</ul> 			<h3>Takvim</h3> 			<ul> 				<li id="calendar">			 				<div id="calendar1"> 					<table id="calendar2" summary="Calendar"> 						<caption> 						January 2008 						</caption> 						<thead> 							<tr> 								<th abbr="Monday" scope="col" title="Monday">M</th> 								<th abbr="Tuesday" scope="col" title="Tuesday">T</th> 								<th abbr="Wednesday" scope="col" title="Wednesday">W</th> 								<th abbr="Thursday" scope="col" title="Thursday">T</th> 								<th abbr="Friday" scope="col" title="Friday">F</th> 								<th abbr="Saturday" scope="col" title="Saturday">S</th> 								<th abbr="Sunday" scope="col" title="Sunday">S</th> 							</tr> 						</thead> 						<tfoot> 							<tr> 								<td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#" _fcksavedurl="#">« Des</a></td> 								<td class="pad"> </td> 								<td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Feb »</a></td> 							</tr> 						</tfoot> 						<tbody> 							<tr> 								<td colspan="2" class="pad"> </td> 								<td>1</td> 								<td>2</td> 								<td>3</td> 								<td>4</td> 								<td>5</td> 							</tr> 							<tr> 								<td>6</td> 								<td>7</td> 								<td>8</td> 								<td>9</td> 								<td>10</td> 								<td>11</td> 								<td>12</td> 							</tr> 							<tr> 								<td>13</td> 								<td>14</td> 								<td>15</td> 								<td>16</td> 								<td>17</td> 								<td>18</td> 								<td>19</td> 							</tr> 							<tr> 								<td>20</td> 								<td id="now">21</td> 								<td>22</td> 								<td>23</td> 								<td>24</td> 								<td>25</td> 								<td>26</td> 							</tr> 							<tr> 								<td>27</td> 								<td>28</td> 								<td>29</td> 								<td>30</td> 								<td>31</td> 								<td class="pad" colspan="2"> </td> 							</tr> 						</tbody> 					</table> 				</div> 			</li> 		  </ul> 		  <h3>Site Hakkında</h3> 			<p>Buraya Siteniz Hakkında Bilgi Verebilirsiniz...</p> 			<br /> 	</div> 	     	</div>  <div id="footer"> <p>Copyright © 2008. Designed by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg" title="Css Tasarim Merkezi">Css Tasarim Merkezi</a></p>  	</div> </div> </div>

Css Kod BöLümüNe

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by WWW.CSS-MERKEZ.TR.GG */  * { margin: 0px; padding: 0px; }  a:link { 	color: #A5A9B2; }  a:hover { 	text-decoration: none; 	color: #FF0000; }  a:visited { 	color: #A5A9B2; }  body { 	 	background: #ffffff url(https://img.webme.com/pic/c/css-tasarimm/1-back_all.gif) repeat-x; 	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; 	color: #666666; }  #contentt { 	margin: 0 auto; 	background: #ffffff; 	width: 742px; 	text-align: left; }  #back { background: #ffffff; width: 742px; }  #header { 	height: 406px; 	text-align: left;		 }  #menu1 { width: 702px; height: 152px; padding-left: 40px; }  #menu ul { 	list-style: none;	 }  #menu li { 	 	display: inline;  	 }  #menu a { 	float: left; 	width: 79px; 	height: 32px;     display: block; 	text-align: center; 	text-decoration: none; 	color: #000000; 	font-weight: bold; 	font-size: 12px; 	text-transform: uppercase; }  #menu a:hover { 	width: 79px;     height: 32px; 	color: #004586; 	text-decoration: underline; }  #button1 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button1 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button1_r.jpg) no-repeat; height: 24px; width: 124px; }  #button2 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button2 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button2_r.jpg) no-repeat; height: 24px; width: 124px; }  #button3 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button3 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button3_r.jpg) no-repeat; height: 24px; width: 124px; } #button4 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button4 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button4_r.jpg) no-repeat; height: 24px; width: 124px; } #button5 a { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5.jpg) no-repeat; height: 24px; width: 124px; padding-top: 120px; } #button5 a:hover { background: url(https://img.webme.com/pic/c/css-tasarimm/1-button5_r.jpg) no-repeat; height: 24px; width: 124px; }   #logo { background: url(http://csstasarimm.cs.funpic.org/Tasarim-OnizLeme/Css-Tasarim-1/1-header.jpg) no-repeat; width: 722px; height: 234px; text-align: left; padding-left: 20px; padding-top: 10px; }   #logo a { 	text-decoration: none; 	text-transform: lowercase; 	font-style: italic; 	font-size: 18px; 	color: #000000; } #logo H2 a { font-size: 12px; }  #left { 	width: 266px; }  #left H3 { width: 241px; height: 47px; font-size: 14px; font-weight: bold; padding-left: 25px; padding-top: 15px; text-transform: uppercase; color: #000000; background: url(https://img.webme.com/pic/c/css-tasarimm/1-title.gif) repeat-x }  #left ul { 	list-style: none;  }  #left li ul { 	border: 0px; 	margin-left: 20px; 	margin-bottom: 10px; }  #left li li { 	padding: 4px 20px;     background: url(https://img.webme.com/pic/c/css-tasarimm/1-small.gif) no-repeat left; }  #left a { 	color: #A5A9B2; } #left a:visited { 	color: #A5A9B2; }  #left p { padding: 10px; }  #calendar1 { 	padding: 0 10px 20px 10px; }  #calendar table { 	width: 100%; 	text-align: center; }  #calendar thead {  }  #calendar tbody td { 	border: 1px solid #F1F1F1; }  #calendar #prev { 	text-align: left; }  #calendar #next { 	text-align: right; }  #calendar tfoot a { 	text-decoration: none; 	font-weight: bold; }  #calendar #now { 	background: #696969; 	border: 1px solid #ff0000; 	font-weight: bold; 	color: #ffffff }  #right { float: right; width: 450px; padding-right: 10px; }  #right H4 { 	margin: 0; 	padding: 0px; 	font-size: 12px; 	color: #C5C5C5; }  #right a { color: #A5A9B2; text-decoration: none; }  #right p { 	margin: 0; 	padding: 0; 	padding-bottom: 10px; }  #right h2 { 	margin: 0; 	padding: 0; 	padding-top: 10px; 	color: #C5C5C5; } .date { 	text-align: right; 	color: #808080; 	font-size: 11px; }  .date a { 	color: #D72020; }    #footer { 	height: 29px; 	clear: both; 	padding-top: 50px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/1-footer.gif) repeat-x bottom; }  #footer p { 	margin: 0; 	font-size: 10px; 	text-align: center; 	color: #ffffff; }  #footer a { 	color: #ffffff; }

Tasarimin Üzerine

Tasarimin Altına

</div> 				 				 				<div id="sidebar"> 				<div class="wrap"> 				<div class="top"> 				<div class="btm"> 					<ul> 						<li> 							<h2>Menü</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> 							</ul> 						</li> 						<li> 							<h2>Tasarimlar</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li>  							</ul> 						</li> 						<li> 							<h2>Arşiv</h2> 							<ul> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li> 								<li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li> 							</ul> 						</li> 					</ul> 				</div> 				</div> 				</div> 				</div> 				 				<div style="clear:both"> </div> 	</div> </div> <div id="footer"> 	<p>©2008 Her Hakkı Saklıdır  •  Design by <a href="http://WwW.CsS-MeRKeZ.tR.Gg" _fcksavedurl="http://WwW.CsS-MeRKeZ.tR.Gg" _fcksavedurl="http://WwW.CsS-MeRKeZ.tR.Gg">CSS Tasarim Merkezi</a> </p> </div>

Css Kod BöLümüne

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { 	margin-top: 20px; 	margin: 0; 	padding: 0; 	background: #C0F3FD url(https://img.webme.com/pic/c/css-tasarimm/2-img01.gif) repeat-x left top; 	font-size: 11px; 	text-align: justify; 	color: #1F1F1F; }  body, th, td, input, textarea, select, option { 	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; }  h1, h2, h3 { 	font-family: Georgia, "Times New Roman", Times, serif; 	font-weight: normal; 	color: #000000; }  h1 { 	letter-spacing: -2px; 	font-size: 3em; }  h2 { 	letter-spacing: -1px; 	font-size: 2em; }  h3 { 	font-size: 1em; }  p, ul, ol { 	line-height: 200%; }  blockquote { 	padding-left: 1em; }  blockquote p, blockquote ul, blockquote ol { 	line-height: normal; 	font-style: italic; }  a { 	color: #FFFFFF; }  a:hover { 	color: #FFFFFF; }  hr { 	display: none; }  #wrapper { 	margin: 0; 	padding: 0; 	background: #C0F3FD url(https://img.webme.com/pic/c/css-tasarimm/2-img02.jpg) repeat-x left top; }   /* Header */  #header { 	width: 800px; 	height: 200px; 	margin: 0 auto; 	padding: 50px 0 0 0; 	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img04.jpg) no-repeat left 20%; }  #header h1, #header p { 	margin: 0; }  #header h1 { 	float: left; 	color: #000000; 	font-size: 36px; 	padding-left: 75px; 	height: 70px; }  #header p { 	float: left; 	padding: 17px 0 0 10px; 	font-size: 12px; 	font-weight: bold; }  #header a { 	text-decoration: none; 	color: #F79F1A; }  #banner { 	margin: 0 auto; 	margin-bottom: 15px; 	padding: 0; 	width: 800px; 	height: 250px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img01.jpg) no-repeat left top; }  /* Page */  #page { 	width: 800px; 	margin: 0 auto; 	margin-bottom: 15px; }  /* Content */  #content { 	float: right; 	width: 505px; 	margin: 0; 	padding: 25px 25px 15px 20px; }  .post { 	padding: 0px 0 0 0; }  .title { 	border-left: 6px solid #2E2E2E; 	padding: 0 20px 0 10px; 	font-size: 24px; }  .title a { 	text-decoration: none; 	color: #FFFFFF; }  .pagetitle { }  .byline { 	margin: -25px 20px 0 17px; 	color: #303030; }  .meta { 	text-align: left; 	color: #17A141; 	padding: 10px 20px 10px 12px; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 12px; 	background: #34CD65; 	border: 3px solid #000000; }  .meta .more { 	padding-left: 10px; }  .meta .comments { 	padding-left: 10px; }  .meta a { 	color: #000000; }  .navigation { }  .alignleft { 	float: left; }  .alignright { 	float: right; }  .posts { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  .posts li { }  .posts h3 { 	margin: 0; 	font-weight: bold; }  .posts p { 	margin: 0; 	line-height: normal; }  .posts a { }  .entry { 	margin: 0; 	padding: 0 0 15px 17px; }  .last { 	border: none; }  /* Sidebar */  #sidebar { 	float: left; 	width: 245px; 	margin-top: -130px; 	padding: 0 0 0 0; 	color: #17A141; }  #sidebar .btm { 	margin: 0; 	padding: 0; 	background: url(http://csstasarimm.cs.funpic.org/Css-Merkez/2-img07.gif) no-repeat left bottom; }  #sidebar .top { 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img05.gif) no-repeat left top; }  #sidebar .wrap { 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img06.gif) repeat-y left top; }  #sidebar ul { 	margin: 0; 	padding: 40px 20px 40px 40px; 	list-style: none; }  #sidebar li { 	margin: 0; 	padding: 0; }  #sidebar li ul { 	margin: 0 0 0 0; 	padding: 0 0 20px 0; }  #sidebar li li { 	margin: 0 0 0 10px; 	padding: 0 0 0 10px; 	line-height: 25px; }  #sidebar h2 { 	margin: 0; 	padding-left: 40px; 	height: 35px; 	font-size: 18px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img08.gif) no-repeat left top; }  #sidebar a { }  #sidebar a:hover { 	text-decoration: none; } /* Search */  #search input { 	display: none; }  #search input#s { 	display: block; 	width: 230px; 	padding: 2px 5px; 	border: 1px solid #3DD1FF; }  #search br { 	display: none; }  /* Calendar */  #calendar { }  #calendar h2 { 	margin-bottom: 15px; }  #calendar table { 	width: 80%; 	margin: 0 auto; 	text-align: center; }  #calendar caption { 	width: 100%; 	text-align: center; }  #next { 	text-align: right; }  #prev { 	text-align: left; }  /* Footer */  #footer { 	width: auto; 	height: 118px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/2-img03.gif) repeat-x left top; 	text-align: center; 	font-size: 10px; 	font-family: Arial, Helvetica, sans-serif; }  #footer p { 	padding: 50px 0; }  #footer p a { }

Tasarimin Üzerine

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

Tasarimin Altına

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

Css Kod BöLümüne

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by WWW.CSS-MERKEZ.TR.GG */  body { 	margin: 0; 	padding: 0; 	background: #AAE74A  none repeat-x; }  body, th, td, input, textarea { 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 13px; 	color: #666666; }  p, ol, ul { 	line-height: 170%; }  a:hover { 	text-decoration: none; }  /* Header */  #header { 	width: 960px; 	height: 120px; 	margin: 0 auto; }  #logo { 	float: left; 	height: 120px;                       margin-top: -11px; 	margin-left: 10px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img1.gif) no-repeat left center; }  #logo h1, #logo p { 	text-transform: lowercase; }  #logo h1 { 	margin: 0; 	padding: 25px 0 0 85px; 	letter-spacing: -2px; 	font-size: 3em; 	font-weight: normal; 	color: #000000; }  #logo h1 a { 	color: #000000; }  #logo p { 	margin: -10px 0 0 2px; 	padding: 0 0 0 85px; 	text-transform: lowercase; }  #search { 	float: right; 	width: 280px; }  #search form { 	margin-top: -5px; 	padding: 63px 0 0 0; }  #search fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search #s, #search #x { 	float: left; }  #search #s { 	width: 188px; 	margin: 2px 6px 0 0; 	padding: 2px 5px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x; 	border: 1px solid #ACACAC; }  #search #x { 	width: 67px; 	height: 28px; 	padding: 0; 	background: #006BFF url(https://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat; 	border: none; 	text-transform: lowercase; 	color: #FFFFFF; }  /* Menu */  #menu { 	width: 962px; 	height: 50px; 	margin-top: -32px; 	margin-left: auto; 	margin-right: auto; }  #menu ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #menu li { 	display: block; 	float: left; }  #menu a { 	display: block; 	float: left; 	height: 38px; 	padding: 8px 20px 0 20px; 	text-decoration: none; 	text-transform: lowercase; 	color: #000000; }  #menu a:hover { 	text-decoration: underline; }  #menu .current_page_item { 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; }  #menu .current_page_item a { 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right top; 	font-weight: bold; }  /* Page */  #page { 	width: 962px; 	margin: 0 auto; 	background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; }  /* Content */  #content { 	float: right; 	width: 700px; 	padding: 0; 	background:  none no-repeat; }  #content a { 	color: #FF8900; }  .pagetitle { 	height: 33px; 	margin: 0; 	padding: 8px 0 0 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img13.gif) no-repeat; 	font-size: 1.4em; 	color: #FFFFFF; }  #content #rss-posts { 	display: block; 	margin: -30px 15px 0px 0px; 	padding: 0 20px 0 0; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-rss.gif) no-repeat right center; 	text-align: right; 	font-weight: bold; 	color: #FFFFFF; }  .post { 	padding: 40px 30px 0 30px; }  .title { 	margin: 0; 	font-size: 2.4em; 	font-weight: normal; }  .byline { 	margin: 0 0 20px 0; }  .meta { 	border-top: 1px dotted #CCCCCC; 	text-align: right; }  .meta .more, .meta .comments { 	padding-left: 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left center; }  /* Sidebar */  #sidebar { 	float: left; 	width: 230px; 	padding: 11px 5px 0 11px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #sidebar li { 	margin-bottom: 20px; }  #sidebar li ul { 	padding: 10px 15px; }  #sidebar li li { 	margin: 0; 	padding-left: 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left center; }  #sidebar h2 { 	height: 33px; 	margin: 0; 	padding: 8px 0 0 15px; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat; 	font-size: 1.4em; 	color: #FFFFFF; }  #sidebar a { 	text-decoration: none; 	color: #0065FF; }  #sidebar a:hover {	 	text-decoration: underline; }  /* Footer */  #footer { 	width: 962px; 	margin: 0 auto; 	padding: 30px 0; 	background: url(https://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; }  #footer p { 	margin: 0; 	text-align: center; 	color: #FFFFFF; }  #footer a { 	color: #FFFFFF; }

Bu Tasarim Hakkında Yorum Yap

Tasarimin Üzerine

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

Tasarimin ALtına

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

Css Kod BöLümüNe

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  * { 	margin: 0; 	padding: 0; }  body { 	font: 13px Georgia, "Times New Roman", Times, serif; 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-header.jpg) top center no-repeat #870010; 	text-align: center; 	color: #FFF; }  /**** GENERAL STYLES ****/  a { 	color: #F47D1F; 	text-decoration: none; }  a:hover { 	color: #FFCFB3; }  p { 	line-height: 1.4em; 	text-align: justify; 	padding: 10px 0 0 0; }  #mainContent ul, #mainContent ol { 	margin-left: 40px; 	line-height: 1.8em; 	padding: 10px 0 0 0; }  #mainContent ul { 	list-style: url(https://img.webme.com/pic/c/css-merkez/css-5-bullet_o.gif); }  blockquote { 	border-left: 4px solid #B21; 	color: #FFCFB3; 	margin: 10px 40px 0 40px; 	line-height: 1.8em; 	padding: 0 10px 10px 10px; }  blockquote:first-line { 	font-size: 20px; 	font-style: italic; 	line-height: 1.4em; }  code { 	border-bottom: 1px dotted #B21; 	color: #FFCFB3; }  h1, h2, h3, h4, h5, h6 { 	font-weight: normal; 	font-variant: small-caps; 	line-height: 1.5em; }  h1 { 	font-size: 26px; }  h2 { 	font-size: 22px; }  h3 { 	font-size: 18px; }  h4 { 	font-size: 16px; }  h5 { 	font-size: 14px; }  h6 { 	font-size: 12px; }   /**** GENERAL LAYOUT ****/  #container { 	width: 868px; 	margin: 0 auto; 	text-align: left; }  #header { 	height: 520px; 	padding: 0 10px 0 20px; }  #mainContent { 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-footer.jpg) bottom center no-repeat; }  /**** HEADER STYLES ****/  #header h1 { 	float: left; 	font-size: 72px; 	font-weight: normal; 	font-variant: normal; 	line-height: 1.2em; 	padding-top: 10px; }  #header h1 a { 	color: #FFF; }  #header h1 a:hover { 	color: #FFCFB3; }  #header h2 { 	float: left; 	font-size: 16px; 	font-weight: normal; 	font-style: italic; 	font-variant: normal; 	line-height: 1.2em; 	padding: 35px 0 0 10px; }  /**** MAIN MENU LAYOUT and STYLES ****/  #mainMenu { 	color: #FFCFB3; 	float: right; 	font-size: 30px; 	line-height: 1.5em; 	list-style: none; 	margin-left: -35px; 	position: relative; }  #mainMenu a { 	color: #FFF; }  #mainMenu a:hover { 	background: #FFCFB3; 	color: #870010; }  #mainMenu a, #mainMenu span { 	padding: 0 5px; }  /**** BLOG LAYOUT and STYLES ****/  .blog { 	padding-bottom: 40px; }  .blog h2.blogTitle { 	font-size: 28px; 	font-weight: normal; 	font-variant: normal; 	line-height: 18px; 	position: relative; 	z-index: 1; }  .blog h3.meta { 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-blog_meta.jpg) no-repeat; 	color: #FFCFB3; 	font-size: 13px; 	font-weight: normal; 	font-variant: normal; 	height: 36px; 	line-height: 36px; 	padding: 0 10px 0 15px; 	position: relative; 	z-index: 0; }  * html .blog h3.meta { 	padding-top: 10px; }  .blog h2.blogTitle a { 	color: #FFF; }  .blog h2.blogTitle a:hover { 	color: #FFCFB3; }  .blog h3.meta a { 	color: #FFCFB3; }  .blog h3.meta a:hover { 	color: #FFF; }  img.bullet { 	padding: 0 4px; }  /**** ROUNDED CORNER BOX STYLES ****/  .c1 { 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-c1.gif) top left no-repeat #EC691F; 	margin: 0 0 40px 0; }  .c2 { 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-c2.gif) top right no-repeat; }  .c3 { 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-c3.gif) bottom left no-repeat; }  .c4 { 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-c4.gif) bottom right no-repeat; }  #mainContent .c4 p, #mainContent .c4 ul { 	padding: 0 20px; 	line-height: 36px; 	margin-left: 0; }  /**** ROUNDED CORNER BOTTOM BOX STYLES ****/  .c4 li { 	display: inline; 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-bullet_w.gif) center right no-repeat; }  .c4 li a { 	color: #FFCFB3; 	margin-right: 11px; 	white-space: nowrap; }  .c4 li a:hover { 	color: #FFF; }  .boxDesc { 	font-size: 28px; 	font-weight: normal; 	font-variant: normal; }  /**** ROUNDED CORNER BOX - INPUT STYLES ****/  li.formList .c1, li.formList .c2, li.formList .c3, li.formList .c4 { 	width: 125px; }  #postComment .c1, #postComment .c2, #postComment .c3, #postComment .c4 { 	height: 40px; 	line-height: 40px; 	width: 300px; }  .c4 input.searchBox, #postComment input, .postCommentTA textarea { 	background: transparent; 	border: none; 	color: #870010; 	font: 12px Georgia, "Times New Roman", Times, serif; 	position: relative; 	left: 4px; 	width: 80px; }  #mainContent .c1 { 	margin-bottom: 15px; }  #postComment input { 	float: left; 	position: relative; 	top: 12px; 	width: 200px; }  #postComment .postCommentTA .c1, #postComment .postCommentTA .c2, #postComment .postCommentTA .c3, #postComment .postCommentTA .c4 { 	height: auto; 	width: 500px; }  #mainContent #postComment .postCommentTA .c1 { 	margin-bottom: 30px; }  .postCommentTA textarea { 	margin: 10px; 	overflow: auto; 	width: 470px; }  #postComment label { 	color: #FFCFB3; 	float: right; 	padding-right: 10px; }  #mainMenu li.formList { 	line-height: .6em; }  /**** BUTTON STYLES ****/  .goButton { 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-button.gif) center center no-repeat; 	border: none; 	color: #FFCFB3; 	height: 28px; 	width: 38px; }  .goButton span { 	position: relative; 	top: -1px; }  .postButtonCluster { 	position: relative; 	top: -20px; }  .postButtonCluster button { 	background: none; 	border: none; 	color: #FFCFB3; 	font: 16px Georgia, "Times New Roman", Times, serif; 	margin-right: 20px; }  /**** COMMENT LIST STYLES ****/  #commentList { 	list-style-position: outside; 	position: relative; 	left: -40px; 	margin-right: -40px; 	width: 868px; }  #commentList li { 	background: url(https://img.webme.com/pic/c/css-merkez/css-5-blog_meta.jpg) no-repeat; 	color: #FFCFB3; 	font-size: 13px; 	font-weight: normal; 	font-variant: normal; 	padding: 0 10px 0 15px; }  .commentMeta { 	clear: both; 	height: 36px; }  .cml {  	float: left; }  .cmr {  	float: right; 	font-size: 10px; }  .commentContent { 	color: #FFF; 	position: relative; 	top: -20px; }  /**** FOOTER STYLES ****/  #footer p { 	color: #FFCFB3; 	font-size: 11px; 	padding: 10px 0; 	text-align: center; }  /**** IMAGE FLOATING, IMAGE CENTERING ****/  .floatImgR, .floatImgL, .imageCenter { 	border: 1px solid #B21; 	padding: 2px; }  .floatImgR { 	float: right; 	margin: 10px 0 5px 10px; }  .floatImgL { 	float: left; 	margin: 10px 10px 5px 0; }  .imageCenter { 	display: block; 	margin: 10px auto; }  /**** CLEARING ****/  br.clear { 	clear: both; }

Bu Tasarim Hakkında Yorum Yap

Tasarimin Üzerine

Tasarimin ALtına

</div>  <div class="left">   <h2>Menu :</h2> <ul> <li><a href="#" _fcksavedurl="#">Home</a></li>  <li><a href="#" _fcksavedurl="#">İletişim</a></li>  <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>  <li><a href="#" _fcksavedurl="#">TopList</a></li> <li><a href="#" _fcksavedurl="#">OyunLar</a></li>  <li><a href="http://www.css-merkez.tr.gg" _fcksavedurl="http://www.css-merkez.tr.gg">Css TasarimLar</a></li> </ul>  <h2>Arşiv</h2> <ul> <li><a href="#" _fcksavedurl="#">Ocak 2009</a></li>  <li><a href="#" _fcksavedurl="#">Şubat 2009</a></li>  <li><a href="#" _fcksavedurl="#">Mart 2009</a></li>  <li><a href="#" _fcksavedurl="#">Nisan 2009</a></li> <li><a href="#" _fcksavedurl="#">Mayis 2009</a></li>  <li><a href="#" _fcksavedurl="#">Haziran 2009</a></li>  <li><a href="#" _fcksavedurl="#">Temmuz 2009</a></li>  <li><a href="#" _fcksavedurl="#">Agustos 2009</a></li>  <li><a href="#" _fcksavedurl="#">Eylül 2009</a></li> <li><a href="#" _fcksavedurl="#">Ekim 2009</a></li> <li><a href="#" _fcksavedurl="#">Kasım 2009</a></li> <li><a href="#" _fcksavedurl="#">Aralık 2009</a></li> </ul>  </div> <div style="clear: both;"> </div> </div>  <div id="bottom"> </div> <div id="footer"> Designed by <a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Css Merkez</a>, TeşşekkürLer...<a href="http://www.site-mekani.tr.gg/" _fcksavedurl="http://www.site-mekani.tr.gg/">Site Mekani</a> </div> </div>

Css Kod BöLümüNe

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  * { 	margin: 0; 	padding: 0; }  body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #222; margin: 0; padding: 0; }  a { text-decoration: none; color: #FF9600; } a:hover { text-decoration: underline; color: #111; }  #wrap { margin: 0 auto; width: 500px; }  #header { background: #fff url(https://img.webme.com/pic/c/css-merkez/css-6-header.jpg) no-repeat; height: 180px; }  h1 { padding: 10px 0 0 5px; font-size: 18px; color: #000; }  h1 a { padding: 10px 0 0 5px; font-size: 18px; color: #000; font-weight: 100; text-decoration: underline; }   #content { padding: 0 20px; background: #fff url(https://img.webme.com/pic/c/css-merkez/css-6-content.jpg) repeat-y; }  .right { float: right; width: 300px; text-align: justify; } .right h3 { font-size: 18px; font-weight: 100; padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; } .right h3 a { text-decoration: none; color: #fff; } .right h3 a:hover { color: #111; }  .left { float: left; width: 150px; } .left h2 { padding-left: 10px; height: 24px; line-height: 24px; background: #FF9600; color: #fff; font-size: 13px; } .left ul { padding: 10px 0 15px 20px; color: #FF9600; } .left ul li a { text-decoration: none; font-weight: 600; } .left ul li a:hover {  } .articles { padding: 10px; }  #bottom { background: #fff url(https://img.webme.com/pic/c/css-merkez/css-6-bottom.jpg) no-repeat; padding: 10px 0; }  #footer { text-align: center; font-size: 11px; color: #aaa; padding-bottom: 10px; } #footer a { color: #aaa; } #footer a:hover { color: #111; }

önizleme indir