Web Destek Sitesi - Kahverengi Tasarım

TASARIM ÜSTÜ

<div id="page">  	 	<div id="header"> 	 		 		<div id="header-menu"> 			<ul> 				<li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> 			</ul> 		</div> 		 		 		 		<div id="header-info"> 			<h1><a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a></h1> 			<div class="description">Wordpress Theme</div> 		</div> 		 		 		 		<div id="topbar"> 			<div id="topbar-left"> 								 			</div> 			<div id="topbar-center"> 				<h3></h3> 				<ul> 						<li><a href="http://test.qualitywordpress.com/?p=15" _fcksavedurl="http://test.qualitywordpress.com/?p=15" title="Success with Quality Themes">Success with Quality Themes</a></li> 	<li><a href="http://test.qualitywordpress.com/?p=14" _fcksavedurl="http://test.qualitywordpress.com/?p=14" title="Make Money Blogging">Make Money Blogging</a></li> 	<li><a href="http://test.qualitywordpress.com/?p=13" _fcksavedurl="http://test.qualitywordpress.com/?p=13" title="Picture in Post">Picture in Post</a></li> 				</ul> 			</div> 			<div id="topbar-right"> 				<h3></h3> 				<ul> 					<li><a href="http://test.qualitywordpress.com/?p=8" _fcksavedurl="http://test.qualitywordpress.com/?p=8"> @ Longer Post ...</a></li><li><a href="http://test.qualitywordpress.com/?p=1" _fcksavedurl="http://test.qualitywordpress.com/?p=1">Mr WordPress @ Hello world! ...</a></li>				</ul> 			</div> 		</div> 		   		<div id="header-feed"> 			<a href="http://test.qualitywordpress.com/?feed=rss" _fcksavedurl="http://test.qualitywordpress.com/?feed=rss"><img src="Theme%20Name_files/blank.gif" _fcksavedurl="Theme%20Name_files/blank.gif" alt="RSS Feed" width="60" height="60"></a> 		</div> 		 	  	 	</div> 	 	 	 	<div id="main"><div id="main-top"><div id="main-bottom"> 			 		<div class="sidebar"> 		 			<h3>Pages</h3> 			<ul> 				<li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> 			</ul>  	<h3>Categories</h3> 			<ul> 					<li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" _fcksavedurl="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art & Design">Art & Design</a> </li> 	<li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" _fcksavedurl="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a> </li> 	<li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" _fcksavedurl="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a> </li> 	<li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" _fcksavedurl="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a> </li> 	<li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" _fcksavedurl="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> 			</ul>  			 			<h3>Archives</h3> 			<ul> 					<li><a href="http://test.qualitywordpress.com/?m=200810" _fcksavedurl="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li> 	<li><a href="http://test.qualitywordpress.com/?m=200809" _fcksavedurl="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li> 	<li><a href="http://test.qualitywordpress.com/?m=200808" _fcksavedurl="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li> 	<li><a href="http://test.qualitywordpress.com/?m=200806" _fcksavedurl="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li> 	<li><a href="http://test.qualitywordpress.com/?m=200805" _fcksavedurl="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li> 			</ul> 			 											<div class="textwidget"></div> 				 		</div> 				 		<div id="contents"> 		 									 			<div class="post" id="post-15"> 				<div class="post-title"> 					<h2>HackeR FrienD.Net</h2> 					Bilgi Gt0072002c Paylaştıka0020By00720021003c/div> 				<div class="post-entry"> 					<p>

TASARIM ALTI

</p> 				</div> 				<div class="post-info"> 					Slogan yada gz0065006c00200062ir sz002e002e. 				</div> 			</div> 			 						 						 			<div class="navigation"> 				<div class="navigation-previous"></div> 				<div class="navigation-next"></div> 			</div> 			 						 			<div class="clear"></div> 		 		</div> 		 		 		<div class="sidebar sidebar-right"> 		 					 			<h3>Blogroll</h3> 			<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> 			 						 			  <h3>Advertisements</h3> 			<div id="spons"><br> 				<center><a href="#" _fcksavedurl="#"><img src="Theme%20Name_files/ad.jpg" _fcksavedurl="Theme%20Name_files/ad.jpg" alt="AD SPACE" width="125" height="329"></a><br><br>	<a href="#" _fcksavedurl="#"><img src="Theme%20Name_files/ad.gif" _fcksavedurl="Theme%20Name_files/ad.gif" alt="AD SPACE" width="125" height="125"></a> 			</center></div>  		 		</div> 		 		 		<div class="clear"></div> 	 	</div></div></div> 	 	 	 	<div id="footer"> 	 		 		<div id="copyright"> 			<br>(c)Copyrighted Theme Name, All Rights Reserved.<br>Designed by: <a href="http://www.sextoysource.com/" _fcksavedurl="http://www.sextoysource.com/">Special lady gifts</a><br><a href="http://www.logo-ontwerpers.be/" _fcksavedurl="http://www.logo-ontwerpers.be/">Logo Ontwerp</a> : <a href="http://bunnyvibrators.com/" _fcksavedurl="http://bunnyvibrators.com/">Special moments!</a> : <a href="http://www.mangosteenstation.com/" _fcksavedurl="http://www.mangosteenstation.com/">Xango</a></div> 		 	 	</div> 	  </div>

CSS

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;}  /* General */  body { 	margin: 0; 	background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/bg.jpg"); }  h1, h2, h3, h4 { 	margin: 0; }  img { 	border: 0; }  .clear { 	clear: both; 	height: 1px; 	overflow: hidden; }   /* Page */  #page { 	margin: 0 auto; 	width: 1004px; }   /* Header */  #header { 	width: 1004px; 	height: 400px; 	background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header.jpg") no-repeat; 	position: relative; }  	/* Header - Info */ 	 	#header #header-info { 		position: absolute; 		top: 145px; 		left: 150px; 	} 	 	#header #header-info h1 { 		color: #ffffff; 		font: bold 30px "Georgia", Georgia; 	} 	 	#header #header-info h1 a { 		color: #ffffff; 		text-decoration: none; 	} 	 	#header #header-info .description { 		color: #ffffff; 		font: bold 15px "Verdana", Verdana; 	} 	 	/* Header - Menu */ 	 	#header #header-menu { 		position: absolute; 		top: 2px; 		left: 26px; 		height: 53px; 	} 	 	#header #header-menu ul { 		margin: 0; 		padding: 0; 		list-style-type: none; 		height: 53px; 	} 	 	#header #header-menu ul li { 		float: right; 		height: 53px; 		margin-right: 8px; 		font: bold 10px/43px "Verdana", Verdana; 		color: #ffffff; 		text-transform: lowercase; 		background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header_menu_left.gif") no-repeat; 	} 	 	#header #header-menu ul li a { 		color: #ffffff; 		text-decoration: none; 		padding: 0 40px; 		background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header_menu_right.gif") no-repeat right top; 		display: block; 	} 	 	#header #header-menu ul li a:hover { 		text-decoration: underline; 	} 	 	#header #header-menu ul li ul { 		display: none; 	} 	 	/* Header - Topbar */ 	 	#header #topbar { 		position: absolute; 		top: 270px; 		left: 0px; 		width: 1004px; 		height: 201px; 		color: #ffffff; 		font: bold 12px "Trebuchet MS", Verdana; 	} 	 	#header #topbar h3 { 		font: bold 15px "Verdana", Verdana; 		color: #ffffff; 	} 	 	#header #topbar ul { 		margin: 0; 		padding: 0; 		list-style-type: none; 	} 	 	#header #topbar ul li { 		padding-top: 12px; 		color: #ffffff; 		font: bold 12px "Trebuchet MS", Verdana; 	} 	 	#header #topbar ul li a { 		color: #ffffff; 		text-decoration: none; 	} 	 	#header #topbar ul li a:hover { 		text-decoration: underline; 	} 	 		/* Header - Topbar - Boxes */ 		 		#header #topbar #topbar-left { 			width: 305px; 			padding: 35px 33px; 			float: left; 		} 		 		#header #topbar #topbar-center { 			width: 286px; 			float: left; 			padding: 12px 0 0 30px; 		} 		 		#header #topbar #topbar-right { 			width: 287px; 			float: left; 			padding: 12px 0 0 30px; 		}  /* Header - Feed */ 	 	#header #header-feed { 		position: absolute; 		top: 343px; 		left: 5px; 		width: 40px; 		height: 40px; 	}   /* Main */  #main { 	width: 1004px; 	background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main.gif") repeat-y; }  #main-top { 	width: 1004px; 	background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main_top.gif") no-repeat; }  #main-bottom { 	width: 992px; 	padding-left: 12px; 	min-height: 50px; 	background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main_bottom.gif") no-repeat left bottom; }  	/* Main - Content */ 	 	#contents { 		float: left; 		width: 570px; 		padding: 6px 16px 0 16px; 	} 	 	/* Main - Content - Post */ 	 	#contents .post { 		color: #FFFFFF; 		float: left; 		margin-bottom: 16px; 		width: 554px; 		padding: 7px; 		background: #0081B1; 	} 	 		/* Post - Title */ 		 		#contents .post .post-title { 			width: 554px; 			height: 51px; 			color: #000000; 			font: bold 12px "Trebuchet MS", Verdana; 		} 		 		#contents .post .post-title a { 			color: #000000; 			text-decoration: none; 		} 		 		#contents .post .post-title a:hover { 			text-decoration: underline; 		} 		 		#contents .post .post-title .post-date { 			float: left; 			background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/post_date.gif") repeat-x; 			width: 50px; 			height: 51px; 			color: #ffffff; 			text-align: center; 			text-transform: uppercase; 			margin-right: 10px; 			font: bold 10px/15px "Trebuchet MS", Verdana; 		} 		 		#contents .post .post-title .post-date span { 			margin-bottom: 2px; 			display: block; 			font: bold 16px/34px "Trebuchet MS", Verdana; 		} 		 		#contents .post .post-title h2 { 			padding: 4px 0 3px 0; 			color: #000000; 			font: bold 19px "Verdana", Verdana; 		} 		 		#contents .post .post-title h2 a { 			color: #000000; 			text-decoration: none; 		} 		 		#contents .post .post-title h2 a:hover { 			text-decoration: underline; 		} 		 		/* Post - Entry */ 		 		#contents .post .post-entry { 			font: normal 12px/18px "Trebuchet MS", Verdana; 			color: #FFFFFF; 			padding: 0 4px; 			width: 546px; 		} 		 		#contents .post .post-entry a { 			color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post .post-entry a:hover { 			text-decoration: underline; 		} 		 		#contents .post .post-entry .more-link { 			font: bold 12px/20px "Trebuchet MS", Verdana; 			color: #FFFFFF; 			float: right; 			padding-bottom: 5px; 		} 		 		#contents .post .post-entry .more-link a { 			color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post .post-entry .more-link a:hover { 			text-decoration: underline; 		} 		 		/* Post - Info */ 		 		#contents .post .post-info { 			padding: 10px 4px 0 4px; 			width: 546px; 			clear: both; 			font: bold 12px "Trebuchet MS", Verdana; 			color: #FFFFFF; 		} 		 		#contents .post .post-info a { 			color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post .post-info a:hover { 			text-decoration: underline; 		} 		 		/* Post - Comments */ 		 		#contents .post h3 { 			color: #FFFFFF; 			font: bold 17px "Verdana", Verdana; 			margin: 25px 0 5px 0; 			padding: 0 4px; 			width: 546px; 		} 		 		#contents .post .comments { 			padding: 0 4px; 			width: 546px; 			font: normal 12px/18px "Trebuchet MS", Verdana; 			color: #FFFFFF; 		} 		 		#contents .post .comments a { 			color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post .comments a:hover { 			text-decoration: underline; 		} 		 		#contents .post .comments ol { 			margin: 10px 0 10px 0; 			padding-left: 25px; 		} 		 		#contents .post .comments ol li { 			padding: 5px; 		} 		 		#contents .post .comments ol li.alt { 			background: #000000; 		} 		 		#contents .post .comments ol li cite { 			color: #FFFFFF; 			font-style: normal; 			font-weight: bold; 		} 		 		#contents .post .comments ol li cite a { 			color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post .comments ol li cite a:hover { 			text-decoration: underline; 		} 		 		#contents .post .comments ol li .commentmetadata a { 			color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post .comments ol li .commentmetadata a:hover { 			text-decoration: underline; 		} 		 		#contents .post #commentform { 			margin: 0; 			font: normal 12px/18px "Trebuchet MS", Verdana; 			color: #FFFFFF; 			padding: 0 4px; 			width: 546px; 		} 		 		#contents .post #commentform a { 			color: #FFFFFF; 			text-decoration: none; 		} 		 		#contents .post #commentform a:hover { 			text-decoration: underline; 		} 	 	/* Main - Sidebar */ 	 	.sidebar { 		float: left; 		width: 189px; 		font: strong 10px/18px "Trebuchet MS", Verdana; 		color: #ffffff; 		padding: 7px 0; 	} 	 	.sidebar a { 		color: #ffffff; 		text-decoration: none; 	} 	 	.sidebar a:hover { 		text-decoration: underline; 	} 	 		/* Sidebar - Titles */ 		 		.sidebar h3 { 			padding-left: 18px; 			font: bold 12px/34px "Georgia", Georgia; 			text-transform: lowercase; 			color: #ffffff; 			height: 46px; 			width: 189px; 			background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/sidebar_title.gif") no-repeat; 		} 		 		/* Sidebar - Menus */ 		 		.sidebar ul { 			margin: 0 0 20px 18px; 			padding: 0; 			list-style-type: none; 		} 		 		.sidebar ul li { 			color: #ffffff; 			font: normal 10px/26px "Trebuchet MS", Verdana; 		} 		 		.sidebar ul li a { 			color: #ffffff; 			text-decoration: none; 		} 		 		.sidebar ul li a:hover { 			text-decoration: underline; 		} 		 		/* Sidebar - Forms */ 		 		.sidebar #searchform { 			margin: 0 auto; 			padding: 15px 0 25px 0; 			width: 145px; 			text-align: center; 		} 		 		.sidebar #searchform #s { 			width: 145px; 		} 		 		/* Sidebar - Tables */ 		 		.sidebar #calendar_wrap { 			margin: 5px auto 20px auto; 			width: 120px; 		} 		 		.sidebar #calendar_wrap caption { 			font-weight: bold; 		} 		 		.sidebar #calendar_wrap #today { 			font-weight: bold; 		} 		 		/* Sidebar - Texts */ 		 		.sidebar .textwidget { 			padding: 0 10px 20px 10px; 		}   /* Footer */  #footer { 	margin-top: 15px; 	width: 1004px; 	height: 62px; 	background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/footer.gif") repeat-x; 	color: #717171; 	font: normal 10px/15px "Trebuchet MS", Verdana; 	text-align: center; }  #footer a { 	color: #717171; 	text-decoration: none; }  #footer a:hover { 	text-decoration: underline; }