Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!

Csstasarim35

Tasarimin Üzerine

<div id="header-wrapper"> 	<div id="logo"> 		<h1><a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Css Merkez </a></h1> 		<p><i> by <a href="http://www.css-merkez.tr.gg/" _fcksavedurl="http://www.css-merkez.tr.gg/">Css Merkez</a></i></p> 	</div> 	<hr /> 	 	<div id="header"> 		<div id="menu"> 			<ul> 				<li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> 				<li><a href="#" _fcksavedurl="#">Defter</a></li> 				<li><a href="#" _fcksavedurl="#">İletişim</a></li> 				<li><a href="#" _fcksavedurl="#">Toplist</a></li> 				<li><a href="#" _fcksavedurl="#">LinkLer</a></li> 			</ul> 		</div> 		 		<div id="search"> 			<form method="get" action=""> 				<fieldset> 				<input type="text" name="s" id="search-text" size="15" /> 				<input type="submit" id="search-submit" value="Arama" /> 				</fieldset> 			</form> 		</div> 		 	</div> 	 </div>   <div id="page"> 	<div id="content"> 		<div class="post"> 			<h2 class="title">Sitemize Hoşgeldiniz</h2> 			<p class="date">10.05.09</p>

Tasarimin ALtına

</div> 	</div> 	 	<div id="sidebar"> 		<ul> 			<li> 				<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>Ana Menu</h2> 				<ul> 					<li><a href="#" _fcksavedurl="#"></a><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> 					<li><a href="#" _fcksavedurl="#">Defter</a></li> 					<li><a href="#" _fcksavedurl="#">İletişim</a></li> 					<li><a href="#" _fcksavedurl="#">Topl,st</a></li> 					<li><a href="#" _fcksavedurl="#">LinkLer</a></li> 					<li><a href="#" _fcksavedurl="#">Hakkında</a></li> 					<li><a href="#" _fcksavedurl="#">Css Tasarim</a></li> 					<li><a href="#" _fcksavedurl="#">İkon İndir</a></li> 				</ul> 			</li> 			<li> 				<h2>Diğer Konular</h2> 				<ul> 					<li><a href="#" _fcksavedurl="#"></a><a href="#" _fcksavedurl="#">Fıkralar</a></li> 					<li><a href="#" _fcksavedurl="#">Okul Dersleri</a></li> 					<li><a href="#" _fcksavedurl="#">Mp3 indir</a></li> 					<li><a href="#" _fcksavedurl="#">Mpeg İzle</a></li> 					<li><a href="#" _fcksavedurl="#">Youtube Gir</a></li> 				</ul> 			</li> 		</ul> 	</div> 	 	<div style="clear: both;"> </div> </div>   <div id="footer"> 	<p>Copyright (c) 2009 Site Adı. Tüm Hakları Saklıdır. Design by <a href="http://www.css-merkez.tr.gg" _fcksavedurl="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: 0; 	background: #A8A604; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 13px; 	color: #FFFFFF; }  h1, h2, h3 { 	margin: 0; 	font-family: Georgia, "Times New Roman", Times, serif; 	font-weight: normal; 	color: #649632; }  h1 { font-size: 44px; }  h2 { font-size: 26px; }  h3 { }  p, ul, ol { 	margin-top: 0; 	line-height: 240%; 	text-align: justify; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 11px; }  ul, ol { }  blockquote { }  a { color: #000000; }  a:hover { text-decoration: none; }  a img { 	border: none; }  img.left { 	float: left; 	margin: 7px 30px 0 0; }  img.right { 	float: right; 	margin: 7px 0 0 30px; }  hr { display: none; }  .list1 { }  .list1 li { 	float: left; 	line-height: normal; }  .list1 li img { 	margin: 0 30px 30px 0; }  .list1 li.alt img { 	margin-right: 0; }  #wrapper { }  /* Header */  #header-wrapper { 	width: 900px; 	margin: 0 auto; }  #header { 	width: 900px; 	height: 70px; 	margin: 0 auto; 	background: url(http://csstasarimm.cs.funpic.org/Tasarim/Yesil-/img02.jpg) no-repeat left top; }  /* Menu */  #menu { 	float: left; 	width: 540px; 	height: 50px; }  #menu ul { 	margin: 0; 	padding: 13px 0 0 10px; 	list-style: none; 	line-height: normal; }  #menu li { 	display: block; 	float: left; }  #menu a { 	display: block; 	float: left; 	margin-right: 17px; 	padding: 5px 12px; 	text-decoration: none; 	font: 14px Georgia, "Times New Roman", Times, serif; 	color: #FFFFFF; }  #menu a:hover { text-decoration: underline; }  #menu .current_page_item a { 	color: #FFFFFF; }  /* Search */  #search { 	float: right; 	width: 305px; 	height: 76px; }  #search form { 	float: right; 	margin: 0; 	padding: 15px 20px 0 0; }  #search fieldset { 	margin: 0; 	padding: 0; 	border: none; }  #search input { 	float: left; 	font: 12px Georgia, "Times New Roman", Times, serif; 	border: none; }  #search-text { 	width: 135px; 	height: 18px; 	padding: 3px 0 0 5px; 	background: #ECF9E4; 	color: #658453; }  #search-submit { 	height: 21px; 	margin-left: 12px; 	color: #39561D; }  /* Page */  #page { 	width: 900px; 	margin: 0 auto; }  /** LOGO */  #logo { 	height: 260px; 	background: url(http://csstasarimm.cs.funpic.org/Tasarim/Yesil-/img01.jpg) no-repeat left top; }  #logo h1, #logo p { 	float: left; 	margin: 0; 	padding: 0 0 0 20px; 	line-height: normal; }  #logo h1 { padding-top: 140px; }  #logo h1 a { 	text-decoration: none; 	text-transform: uppercase; 	color: #FFFFFF; }  #logo h1 a:hover { text-decoration: underline; }  #logo p { 	padding: 165px 0 0 15px; 	font: italic 13px Georgia, "Times New Roman", Times, serif; 	color: #B6ACA2; }  #logo p a { 	text-decoration: none; 	color: #B6ACA2; }  #logo p a:hover { text-decoration: underline; }  /* Content */  #content { 	float: left; 	width: 620px; }  /* Post */  .post { 	margin-bottom: 25px; }  .post .title { 	height: 55px; 	margin-bottom: 3px; 	padding: 19px 0px 2px 20px; 	background: url(http://csstasarimm.cs.funpic.org/Tasarim/Yesil-/img05.jpg) no-repeat left top; 	color: #FFFFFF; }  .post .date { 	float: right; 	margin-top: -60px; 	padding-right: 40px; 	font-weight: bold; 	font-size: 14px; 	color: #B6ACA2; }  .post .meta { 	margin: -40px  0 3px 25px; 	padding: 2px 30px 2px 0px; 	font-family: Arial, Helvetica, sans-serif; 	font-weight: normal; 	font-size: 10px; 	color: #B6ACA2; }  .post .meta a { color: #B6ACA2; }  .post .entry { 	padding: 25px 20px; }  .post .links { 	margin: 0 250px 0 0; 	padding: 0 0 0 0px; }  .post .links .comments { }  .post .links .permalink { 	padding-left: 17px; }  /* Sidebar */  #sidebar { 	float: right; 	width: 250px; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  #sidebar li { 	margin-bottom: 30px; 	padding: 0 0 20px 0px; 	background: url(http://csstasarimm.cs.funpic.org/Tasarim/Yesil-/img04.jpg) no-repeat left bottom; }  #sidebar li ul { 	line-height: 200%; 	padding-bottom: 20px; }  #sidebar li li { 	margin: 0; 	padding: 0 20px; 	background: none; }  #sidebar h2 { 	height: 33px; 	margin: 0 0 20px 0px; 	padding: 15px 0 2px 20px; 	background: url(http://csstasarimm.cs.funpic.org/Tasarim/Yesil-/img03.jpg) no-repeat left top; 	font-size: 18px; 	color: #FFFFFF; }   #sidebar p { 	padding: 0px 15px; 	line-height: 200%; }  #sidebar a { 	color: #FFFFFF; }  /* Calendar */  #calendar { }  #calendar caption { 	padding-bottom: 5px; 	font-weight: bold; }  #calendar table { 	width: 90%; 	border-collapse: collapse; }  #calendar thead th { 	padding: 5px 0; 	text-align: center; }  #calendar tbody td { 	padding: 5px 0; 	text-align: center; }  #calendar tfoot td { 	padding: 5px; }  #calendar tfoot #next { 	text-align: right; }  #calendar #today { 	background: #000000; }  /* Footer */  #footer { 	width: 900px; 	height: 60px; 	margin: 0 auto; 	padding: 0; 	background: url(http://csstasarimm.cs.funpic.org/Tasarim/Yesil-/img06.jpg) no-repeat left top; }  #footer p { 	margin: 0; 	padding: 20px 0; 	text-align: center; 	line-height: normal; 	color: #B5ADA5; }  #footer a { 	color: #B5ADA5; }

Bu Site En iyi Şekilde 1024 x 768 Piksel şeklinde gözükür!

Web Tasarımlarını biraraya toplayan site,tasarım,css tasarımlar birçok web tasarım burda

Csstasarim35

Menü

Tasarimlar

Üyeler