- Css Tasarımlar2

Css Tasarımlar2

TASARIM ÜSTÜ

<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="l-bg"> </td> <td style="" class="l-shadow-bg" valign="top" width="1"><img src="https://img.webme.com/pic/c/css-template/l-shad-bg.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/l-shad-bg.gif" width="21" height="3"></td> <td valign="top" width="750" bgcolor="#295718" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img style="" src="https://img.webme.com/pic/c/css-template/t1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/t1.gif" alt="" width="8" height="148"></td> <td width="1"><div style="position: absolute; top: 50px; margin-left: 193px; width: 300px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="" class="c_name">Soccer website</td> </tr> <tr> <td height="1"><img src="https://img.webme.com/pic/c/css-template/c-name-sep.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-name-sep.jpg" width="286" height="1"></td> </tr> </tbody></table> </div> <img style="" src="https://img.webme.com/pic/c/css-template/t2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/t2.jpg" width="734" height="148"></td> <td width="1"><img style="" src="https://img.webme.com/pic/c/css-template/t3.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/t3.gif" width="8" height="148"></td> </tr> </tbody></table></td> </tr> <tr> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td valign="top" width="1" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td height="1"><img style="" src="https://img.webme.com/pic/c/css-template/l1.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/l1.jpg" width="180" height="62"></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-1.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="26"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">Home</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-2.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">About Us</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-3.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Our Clients</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-4.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Testimonials</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-5-m.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Price List</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-last.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="25"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">Contact Details</a></td> </tr> </tbody></table></td> </tr> <tr> <td style="" height="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="10"></td> </tr> <tr> <td height="1"><img style="" src="https://img.webme.com/pic/c/css-template/l2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/l2.jpg" width="180" height="7"></td> </tr> <tr> <td style="" class="l-content" height="100%">The modern game was codified in England following the formation of the Football   Association, whose 1863 Laws of the Game created the foundations for the way the   sport is played today. Football is governed internationally by Fédération   Internationale de Football Association (FIFA).</td> </tr> </tbody></table></td> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td> <td style="" class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/c-2-1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-2-1.gif" width="6" height="7"></td> <td class="bgx" valign="top" width="100" background="https://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2a521c"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="c-3-1-bg" height="1">HackeR FrienD.Net</td> </tr> <tr> <td><img style="" src="https://img.webme.com/pic/c/css-template/title-sep.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/title-sep.gif" alt="" width="270" height="1"></td> </tr> <tr> <td style="" class="body_txt" height="100%"> <p style="">

TASARIM ALTI

</p> <p style=""><em style="">From Wikipedia, the free encyclopedia</em></p> <div style="border: 1px solid rgb(255, 224, 142); padding: 4px 6px 2px;">This free web template was downloaded from <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">AnVisionWebTemplates.com</a>.<br> Please visit <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">www.anvisionwebtemplates.com</a> to see the entire collection: <ol> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/">Download free templates</a> - view categories.</li> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/">Template topsites</a>.</li> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html">Templates newsletter</a> - recieve collection updates by email.</li> </ol> </div></td> </tr> </tbody></table></td> <td style="" class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td> <td class="bgx" valign="top" background="https://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2c521d"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="c-5-1" align="center">Site Haberleri</td> </tr> <tr> <td style="" class="body_txt" height="100%"><p style="">The modern game was codified in England following the formation of the Football Association, whose 1863 Laws of the Game created the foundations for the way the sport is played today. Football is governed internationally by Fédération Internationale de Football Association (FIFA). <img style="" src="https://img.webme.com/pic/c/css-template/content-pic-2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/content-pic-2.jpg" class="float-left" width="132" height="90">The most prestigious international football competition is the World Cup, held every four years. This event, the most widely viewed and famous in the world, boasts twice the audience of the Summer Olympics.</p></td> </tr> </tbody></table></td> <td class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/c-6-1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-6-1.gif" width="5" height="10"></td> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="11" height="1"></td> </tr> </tbody></table></td> </tr> <tr> <td height="1"><img src="https://img.webme.com/pic/c/css-template/c-bot.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-bot.gif" alt="" width="570" height="12"></td> </tr> </tbody></table></td> </tr> </tbody></table></td> </tr> <tr> <td bgcolor="#2a5718"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/b1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/b1.gif" alt="" width="16" height="53"></td> <td class="bottom_addr" width="150">© 2006 Company Name<br> All Rights Reserved</td> <td class="bottom-menu" width="555"><a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Home Page</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">About Us</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Our Clients</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Testimonials</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Price List</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Contact Details</a></td> <td width="1"><img src="https://img.webme.com/pic/c/css-template/b3.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/b3.gif" width="16" height="53"></td> </tr> </tbody></table></td> </tr> </tbody></table></td> <td style="" class="r-shad-bg" valign="top" width="1"><img src="https://img.webme.com/pic/c/css-template/r-shad-bg.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/r-shad-bg.gif" width="21" height="3"> </td> <td style="" class="r-bg"> </td> </tr> </tbody></table>

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;}  body { 	margin:0; 	padding:0; 	background:#7a7a7a; }  p,td { font-family:Arial, Helvetica, sans-serif; 	font-size:11px; 	margin-top: 0px; }  a{ 	color: #ffe08e; 	text-decoration: underline; }  a:hover{ 	color: #FFFFFF; 	text-decoration: none; } .c-3-1-bg { 	background-image: url(https://img.webme.com/pic/c/css-template/c-3-1.gif); 	background-repeat: no-repeat; 	background-position: left top; 	text-transform: uppercase; 	text-align: center; 	vertical-align: middle; 	color: #ffe08e; 	font-size: 14px; 	font-weight: bold; 	padding-top: 2px; 	padding-bottom: 6px; }   a.hidden { 	text-decoration: none; 	color: #000000; 	cursor:default; }  form {      margin:0;      padding:0; }  ul { 	margin-left:20px; 	margin-top:0px; 	padding:1px; 	list-style-type: square; 	line-height: 16px; 	}  h1 { 	font-size: 14px; 	font-weight: bold; 	color: ffe08d; 	margin: 0px; 	padding-top: 1px; 	padding-bottom: 5px; }  .bgy { 	background-repeat: repeat-y; }  .bottom_addr { 	font-size: 11px; 	color: #ffe08e; 	padding-right: 10px; 	padding-left: 10px; 	background-image: url(https://img.webme.com/pic/c/css-template/b2-bg.gif); 	background-repeat: repeat-x; 	background-position: top; 	vertical-align: middle; 	text-align: right; }  .bottom_addr_lnk { 	text-decoration: none; }  .bottom_addr_lnk:hover { 	text-decoration: underline; }   .bgx { 	background-repeat: repeat-x; 	background-position: top; }   .norepeat { 	background-repeat: no-repeat; }  .c_name { 	font-size: 17px; 	font-weight: bold; 	text-transform: uppercase; 	color: #FFFFFF; } .l-shadow-bg { 	background-image: url(https://img.webme.com/pic/c/css-template/l-shad-bg.gif); 	background-position: left top; 	background-repeat: repeat-y; } .l-bg { 	background-image: url(https://img.webme.com/pic/c/css-template/l-bg.gif); 	background-position: right top; } .r-bg { 	background-image: url(https://img.webme.com/pic/c/css-template/r-bg.gif); 	background-position: left top; }    .bottom-menu { 	color: #FFFFFF; 	text-align: center; 	vertical-align: middle; 	background-image: url(https://img.webme.com/pic/c/css-template/b2-bg.gif); 	background-repeat: repeat-x; 	background-position: top; }  .bottom-menu-lnk { 	color: #FFFFFF; 	text-decoration: none; }  .bottom-menu-lnk:hover { 	color: #ffe08e; 	text-decoration: underline; }  .menu { 	color: #FFFFFF; 	font-weight: bold; 	white-space: nowrap; 	text-align: right; 	vertical-align: middle; 	padding-right: 24px; } .menu_lnk{ 	text-decoration: none; 	color: #FFFFFF; }  .menu_lnk:hover { 	color: #ffe08e; 	text-decoration: none; } .r-shad-bg { 	background-image: url(https://img.webme.com/pic/c/css-template/r-shad-bg.gif); 	background-repeat: repeat-y; 	background-position: left top; }    .body_txt { 	color: #FFFFFF; 	text-align: justify; 	vertical-align: top; 	padding-top: 6px; 	padding-right: 10px; 	padding-bottom: 3px; 	padding-left: 10px; } .c-5-1 { 	background-image: url(https://img.webme.com/pic/c/css-template/c-5-1-bg.jpg); 	background-repeat: no-repeat; 	background-position: top; 	font-size: 12px; 	color: #EDD385; 	padding-top: 30px; 	font-weight: bold; 	text-transform: uppercase; 	text-align: center; 	vertical-align: top; 	padding-bottom: 0px; }  .l-content { 	color: #FFFFFF; 	text-align: justify; 	padding-top: 7px; 	padding-right: 1px; 	padding-bottom: 7px; 	padding-left: 10px; 	vertical-align: top; } .float-left { 	float: left; 	margin-top: 6px; 	margin-right: 2px; 	margin-bottom: 0px; }

TASARIM ÜSTÜ

<div id="conntainer">  	  	<div id="page_header"> 	<h1><span>Radio Station</span></h1> 	</div>  	    	  	<div id="navmenu">  		<ul> 		<li id="menu_first"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Home</b></a></li> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Featured Bands</b></a></li> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Playlist</b></a></li> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Partners</b></a></li> 		<li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>About Us</b></a></li> 		<li id="menu_last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Contact Us</b></a></li> 		</ul>  		<div class="clearthis"> </div> 	</div>  	  	<div id="page_static"> </div>  	  	<div id="main_content"> 	<div id="main_content2">  		<div id="main_content_header"> 		<h2>Featured Band: The Black Eyed Peas</h2> 		</div>  		<div id="main_content_body"> 		<div id="content_box">  		<div class="thumbnail"><img src="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif" width="379" height="177" alt="Thumbnail Caption" /></div>

TASARIM ALTI

</div> 		</div>  		<div id="main_content_footer"> </div>  	</div> 	</div>  	   	  	<div id="breaking_news">  		<div id="breaking_news_header"> 		<h2>HackeR FrienD.Net</h2> 		</div>  		<div id="breaking_news_body">  			<div class="thumbnail"><img src="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif" width="175" height="63" alt="Thumbnail Caption" /></div>  <p> Please don't remove the link at the bottom. We have worked hard to make the templates and ask that you respect our hard work so we can continue providing you with high quality templates. </p>  <p> If you really want to remove the link you can buy a copyright free version on <a href="http://www.freewebsitetemplates.com/nolink/" _fcksavedurl="http://www.freewebsitetemplates.com/nolink/">our website</a>. Thanks. </p> 		</div>   		<div id="breaking_news_footer"> </div> 	</div>  	  	<div class="clearthis"> </div>   	  	<div id="page_footer"> 	Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> 	</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;}  * { 	margin: 0px; 	padding: 0px; }  body { 	padding: 25px 0px 12px; 	background-color: #98a664; 	color: #fff; 	font-family: verdana, arial, sans-serif; 	font-size: 11px; 	font-weight: bold; 	text-align: center; }  a { 	color: #fff; 	background-color: inherit; 	text-decoration: underline; }  a:hover { 	color: #526052; 	background-color: inherit; }  span { 	display: none; }  img { 	border: none; }  ul { 	list-style-type: none; }  li { 	list-style-type: none; }  p { 	margin: 10px 0px 12px; 	text-align: justify; 	line-height: 15px; }  .clearthis { 	margin : 0px; 	height : 1px; 	clear : both; 	float : none; 	font-size : 1px; 	line-height : 0px; 	overflow : hidden; 	visibility: hidden; }  #conntainer { 	margin: 0px auto; 	width: 767px; 	background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/background_image.jpg'); 	background-repeat: no-repeat; 	text-align: left; }  #page_static { 	width: 767px; 	height: 235px; 	overflow: hidden; }  .thumbnail { 	padding: 10px 0px; 	text-align: center; }   /* Page Header */  #page_header { 	padding: 5px 14px 2px; 	position: absolute; }  #page_header h1 { 	width: 265px; 	height: 49px; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/radio_station.gif') no-repeat 0% 50%; }   /* Navigation Menu */  #navmenu { 	margin: 54px 528px 0px 66px; 	padding-bottom: 2px; 	width: 173px; 	clear: both; 	text-align: center; 	z-index: 1; 	position: absolute; }  #navmenu a { 	text-decoration: none; }  #navmenu li { 	padding: 0px 11px; 	float: left; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background.gif') repeat-y 50% 0%; 	line-height: 23px; }  #navmenu li#menu_first { 	padding-top: 5px; 	background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_top.gif'); 	background-repeat: no-repeat; }  #navmenu li#menu_last { 	padding-bottom: 12px; 	background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_bot.gif'); 	background-repeat: no-repeat; }  #navmenu li a { 	display: block; 	background-color: #acba78; 	color: inherit; 	font-size: 12px; 	text-transform: uppercase; 	cursor: pointer; }  #navmenu li a:hover { 	background-color: #ddebb1; 	color: #526052; }  #navmenu li#menu_first a { 	padding-top: 2px; 	background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_litop.gif'); 	background-repeat: no-repeat; 	background-position: 50% 0%; }  #navmenu li#menu_last a { 	background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_libot.gif'); 	background-repeat: no-repeat; 	background-position: 50% 100%; }  #navmenu li a b { 	margin: 0px auto; 	padding-bottom: 2px; 	display: block; 	width: 151px; 	border-bottom: #fff 1px solid; }   /* Main Content */  #main_content { 	padding-left: 22px; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background.gif') repeat-y 22px 0%; 	float: left; 	clear: both; 	text-align: center; }  #main_content2 { 	width: 435px; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_right.gif') no-repeat 100% 0%; }  #main_content_header { 	width: 435px; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_top.gif') no-repeat 50% 0%; }  #main_content_header h2 { 	padding: 20px 10px 12px; 	font-size: 12px; 	text-transform: uppercase; }  #main_content_body { 	margin: 0px auto; 	padding: 2px 0px; 	width: 411px; 	min-height: 220px; 	background-color: #98a664; 	color: inherit; }  #main_content_body #content_box { 	margin: 0px auto; 	padding-bottom: 15px; 	width: 380px; 	text-align: justify; }  #main_content_footer { 	width: 435px; 	height: 21px; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_bot.gif') no-repeat 50% 100%; 	overflow: hidden; }   /* Breaking News */  #breaking_news { 	margin-top: 266px; 	width: 310px; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background.gif') #98a664 repeat-y 0% 0%; 	color: #141619; 	float: right; 	font-size: 10px; 	font-weight: normal; 	letter-spacing: 1px; 	line-height: 11px; 	text-align: justify; }  #breaking_news a { 	color: #141619; 	background-color: inherit; }  #breaking_news a:hover { 	color: #606c35; 	background-color: inherit; }  #breaking_news p { 	margin-top: 2px; 	line-height: 11px; }  #breaking_news .thumbnail { 	padding: 5px 0px 7px; }  #breaking_news_header { 	padding: 7px 15px 0px; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_top.gif') no-repeat 0px 0%;	 }  #breaking_news h2 { 	width: 280px; 	background-color: #ddebb1; 	color: #2f3c26; 	font-size: 10px; 	font-weight: bold; 	line-height: 10px; 	text-transform: uppercase; 	text-align: center; }  #breaking_news_body { 	padding: 0px 30px 3px; }  #breaking_news_footer { 	height: 6px; 	overflow: hidden; 	background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_bot.gif') no-repeat 0% 0%; }   /* Page Footer */  #page_footer { 	padding: 18px 11px 0px; 	font-size: 10px; 	text-align: center; 	letter-spacing: 1px; }

TASARIM ÜSTÜ

<div id="conntainer">  	  	<div id="page_header">  		<div id="company_name"> 		<h1><span>United Brothers</span></h1> 		</div>  	</div>  	   	  	<div id="page_menu">  		<ul> 		<li class="home"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Home"><span>Home</span></a></li> 		<li class="aboutus"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="About Us"><span>About Us</span></a></li> 		<li class="gallery"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Gallery"><span>Gallery</span></a></li> 		<li class="portfolio"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Portfolio"><span>Portfolio</span></a></li> 		<li class="procedure"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Procedure"><span>Procedure</span></a></li> 		<li class="contact"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Contact"><span>Contact</span></a></li> 		</ul>  	</div>  	   	  	<div id="left_sidebar">  		  		<div class="content_header"> 		<h2><span>Experts' Voice</span></h2> 		</div>  		<div class="content_box_right"> 		<div class="content_box_left"> 		<div class="content_box">  <div class="thumbnail"> <img src="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif" width="106" height="100" alt="Caption Here" /> </div>  <h3> <strong>Mark Someone</strong> <br /> Video Editor </h3>  <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p>  				<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>  <div class="link-more"> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">...Read More</a> </div>  		</div> 		</div> 		</div>  		   	</div>  	   	  	<div id="main_content">  		<div class="content_header"> 		<h2><span>Top 20 Masters of the Month</span></h2> 		</div>  		<div class="content_box_right"> 		<div class="content_box_left"> 		<div class="content_box"> 		<div id="main_content_border"> 			<div class="topmasters">

TASARIM ALTI

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;}  * { 	margin: 0px; 	padding: 0px; }  body { 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/body_background.gif') #4a4848 repeat-x 0px 0px; 	color: #a7a7a7; 	font-family: tahoma, arial, sans-serif; 	font-size: 9px; 	text-align: center; }  a { 	color: #fff; 	text-decoration: none; }  a:hover { 	color: #ea9a2e; }  span { 	display: none; }  img { 	border: none; }  ul { 	list-style-type: none; }  li { 	list-style-type: none; }  p { 	margin: 10px 0px 20px; 	text-align: justify; 	line-height: 13px; }  .clearthis { 	margin : 0px; 	height : 1px; 	clear : both; 	float : none; 	font-size : 1px; 	line-height : 0px; 	overflow : hidden; 	visibility: hidden; }   #conntainer { 	margin: 0px auto; 	width: 780px; 	text-align: left; }   /* Page Header */  #page_header { 	width: 780px; 	height: 122px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_background.gif') no-repeat 0px 0px; }  #company_name { 	padding-left: 204px; 	height: 122px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_image.gif') no-repeat 18px 9px; }  #company_name h1 { 	width: 155px; 	height: 32px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/company_name.gif') no-repeat 0px 0px; }   /* Page Menu */  #page_menu { 	margin-bottom: 14px; 	width: 780px; 	height: 42px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_background.gif') no-repeat 0px 0px; 	text-align: center; }  #page_menu ul { 	margin: 0px auto; 	height: 29px; 	width: 606px; }  #page_menu li { 	width: 101px; 	height: 29px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_link_bg.gif') no-repeat 0px 0px; 	float: left; }  #page_menu li a { 	margin-top: 11px; 	height: 10px; 	width: 101px; 	display: block; }  #page_menu .home a { 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_home.gif') no-repeat 50% 0px; }  #page_menu .aboutus a { 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_aboutus.gif') no-repeat 50% 0px; }  #page_menu .gallery a { 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_gallery.gif') no-repeat 50% 0px; }  #page_menu .portfolio a { 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_portfolio.gif') no-repeat 50% 0px; }  #page_menu .procedure a { 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_procedure.gif') no-repeat 50% 0px; }  #page_menu .contact a { 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_contact.gif') no-repeat 50% 0px; }   /* Page Body Content */  .content_header { 	height: 38px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topright.gif') #353434 no-repeat 100% 0px; 	overflow: hidden; }  .content_header h2 { 	padding-left: 41px; 	height: 38px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topleft.gif') no-repeat 0px 0px; }  .content_box_right { 	margin-bottom: 8px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botright.gif') #353434 no-repeat 100% 100%; }  .content_box_left{ 	padding-bottom: 12px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botleft.gif') no-repeat 0px 100%; }  .content_box { 	padding: 5px 13px; }  .content_box .thumbnail { 	float: left; 	border: #a1a19e 1px solid; }  .content_box h3 { 	padding-top: 10px; 	padding-bottom: 3px; 	font-size: 9px; 	font-weight: normal; }   /* Left Sidebar */  #left_sidebar { 	padding-left: 17px; 	float: left; }  #left_sidebar .content_header { 	width: 134px; }  #left_sidebar .content_header h2 { 	color: #9bb74b; 	font-weight: bold; 	font-size: 11px; 	line-height: 11px; }  #left_sidebar .content_header h2 span { 	display: block; 	padding-top: 10px; }  #left_sidebar .content_box_left { 	width: 134px; }  #left_sidebar .content_box { 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/left_sidebar_bg.gif') repeat-y 0px 0px; }  #left_sidebar .content_box h3 { 	color: #ea912e; 	clear: both; }  #left_sidebar .link-more { 	padding-top: 2px; 	text-align: right; }  #left_sidebar .link-more a { 	color: #a7a7a7; 	font-weight: bold; }  #left_sidebar .link-more a:hover { 	color: #f1af3b; }   /* Main Content */  #main_content { 	padding-right: 17px; 	float: right; }  #main_content .content_header { 	width: 594px; }  #main_content .content_header h2 { 	color: #f89d31; 	font-size: 12px; 	line-height: 12px; }  #main_content .content_header h2 span { 	display: block; 	padding-left: 3px; 	padding-top: 10px; }  #main_content .content_box_left { 	width: 594px; }  #main_content .content_box { 	padding: 5px 11px 0px 0px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_background.gif') no-repeat 100% 0%; 	border-width: 0px 2px; 	border-color: #d2913d; 	border-style: solid; }  #main_content_border { 	padding-left: 42px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_side.gif') repeat-y 5px -1px; }  #main_content .link-more { 	padding-bottom: 7px; 	padding-right: 5px; 	text-align: right; 	line-height: 11px; }  #main_content .link-more a { 	color: #ea9a2e; 	font-weight: bold; }  #main_content .link-more a:hover { 	color: #f7ec37; }  #main_content .divider { 	margin: 0px auto 7px 2px; 	width: 522px; 	height: 3px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_divider.gif') repeat-x 0px 0px; 	overflow: hidden; }   /* Top Masters */  .topmasters { 	padding: 6px 0px; }  .topmasters_info { 	float: right; 	width: 383px; }  .topmasters_info h3 { 	padding: 2px 0px 2px; 	width: 383px; 	color: #9bb74b; }  .topmasters_info p { 	margin: 0px; 	padding: 10px 5px 10px 0px; 	clear: both; }   /* Login Box */  #loginbox_left { 	margin-bottom: 5px; 	margin-top: 10px; 	padding-left: 14px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgleft.gif') #686765 no-repeat 0px 0px; 	float: left; }  #loginbox_right { 	padding-right: 14px; 	background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgright.gif') no-repeat 100% 0px; }  #loginbox { 	width: 160px; 	height: 99px; 	overflow: hidden; 	color: #fafafa; 	font-size: 9px; 	font-weight: bold; 	line-height: 9px; }   #loginbox a { 	text-decoration: underline; }  #loginbox a:hover { 	color: #f7b637; }  #loginbox h2 { 	padding-top: 7px; 	color: #f7b637; 	font-size: 12px; 	line-height: 12px; 	font-weight: bold; }  #loginbox form { 	margin: 13px 0px 3px; }  .loginbox_formfield { 	padding: 0px 3px 2px 2px; }  .loginbox_formfield strong { 	padding-top: 3px; 	float: left; 	width: 55px; 	display: block; }  #loginbox input { 	width: 97px; 	color: #fff; 	padding-top: 2px; 	background-color: #4a4948; 	border: #8e8c89 1px solid; 	font-family: tahoma, arial, sans-serif; 	font-size: 9px; 	font-weight: bold; 	float: right; }  #loginbox input.button { 	margin-top: 1px; 	width: 41px; 	height: 14px; 	border: none; 	text-align: center; 	font-weight: normal; 	cursor: pointer; }  #loginbox_register { 	padding-top: 10px; 	line-height: 10px; }   /* Tips of the Day */  #tips { 	padding: 8px 10px 5px 17px; 	border-left: #62615f 1px solid; 	float: right; }  #tips_box { 	width: 295px; 	font-weight: bold; }  #tips_box a { 	color: #f1ab30; 	text-decoration: underline; }  #tips_box a:hover { 	color: #f7f037; }  #tips_box h2 { 	padding-bottom: 9px; 	color: #9bb74b; 	font-size: 12px; }  #tips_box ul { 	padding: 3px 0px 3px; }  #tips_box li { 	padding: 3px 0px; }   /* Page Footer */  #page_footer { 	padding: 2px 10px 15px; 	color: #adacab; 	text-align: center; }  #page_footer a { 	color: #adacab; 	text-decoration: underline; }  #page_footer a:hover { 	color: #f7ec37; }

TASARIM ÜSTÜ

<div id="wrapper">     <h1><em>MUSIC</em> SHOP</h1>     <div id="nav">       <ul>         <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>01</span> ABOUT SHOP</a></li>         <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>02</span> GALLERY</a></li>         <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>03</span> FREE MUSIC</a></li>         <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>04</span> ARTIST</a></li>         <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>05</span> CONTACTS</a></li>       </ul>     </div>     <div id="topcon">       <div id="topcon-inner">         <h2>Welcome to Music Shop</h2>          <p>Don't forget to check <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add  a new free website template almost daily.</p><p>You can remove any link to our websites from this template you're free to use the template without linking back to us.</p>               </div>     </div>     <div id="conntent">       <div id="body">

TASARIM ALTI

<div class="clear"> </div>       </div>       <div id="footer">         <ul>           <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">PICTURE</a> | </li>           <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">GALLERY</a> | </li>           <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">FREE MUSIC</a> | </li>           <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">FEATURES</a> | </li>           <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">CONTACTS</a> | </li>         </ul>         <p>© Business Co <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Privacy Policy</a> | <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Terms of Use</a>.</p>       </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;}  html, body, h1, h2, h3, h4, ul, li { 	margin: 0; 	padding: 0; } h1 img { 	display: block; } img { 	border: 0; } a { 	color: #FFFFFF; } a:hover { 	color: #FFA405; } .left { 	float: left; } .right { 	float: right; } .more { 	text-align: right; } .clear { 	clear: both; }  body { 	background: #3A0404 url(http://www.freewebsitetemplates.com/preview/musicshop/images/page_bg.jpg) repeat-x; 	font: 11px arial, sans-serif; 	color: #464544; 	padding-bottom: 10px; }  /** layout **/ #wrapper { 	width: 678px; 	min-height: 750px; 	_height: 750px; 	background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/header.jpg) no-repeat;   position: relative; }  h1 {   padding: 25px 0 0 30px;   font: 32px "arial black", arial, sans-serif;   color: #151515; }  h1 em {   color: #ffffff;   font-weight: bold;   font-style: normal;   position: relative;   top: -4px; }  /* nav */  #nav {   position: absolute;   top: 0px;   left: 335px;   width: 500px; } #nav li {   float: left;   background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/nav_left.gif) no-repeat;   list-style: none;   padding-left: 10px;   padding-right: 20px;   padding-top: 45px;   line-height: 1.1; } #nav span {   display: block;   font-size: 28px; } #nav a {   color: #FFFFFF;   font-size: 11px;   font-weight: bold;   text-decoration: none; }  /** topcontent **/  #topcon {   background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/topcon.jpg) no-repeat;   width: 427px;   position: absolute;   top: 105px;   left: 338px;   color: #fff; } #topcon-inner {   margin: 33px 40px 41px 85px;   height: 120px;   overflow: auto; } #topcon h2 {   font-size: 14px; }  /** Body **/  #conntent {   width: 710px;   position: absolute;   color: #fff;   top: 299px;   left: 33px; } #conntent a {   color: #fff; } #conntent a:hover {   color: #fee; } #body {   border: 3px solid white;   background: #901315;   padding: 18px; }  .box {   float: left;   width: 195px;   background: #730F11;   margin-right: 18px; } .box-t { background: top url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_t.gif) repeat-x; } .box-r { background: right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_r.gif) repeat-y; } .box-b { background: bottom url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_b.gif) repeat-x; } .box-l { background: left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_l.gif) repeat-y; } .box-tr { background: top right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_tr.gif) no-repeat; } .box-br { background: bottom right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_br.gif) no-repeat; } .box-bl { background: bottom left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_bl.gif) no-repeat; } .box-tl { background: top left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_tl.gif) no-repeat; }  .box-tl {   padding: 13px 18px; }  .box p {   margin: 1em 0; }  p.more {   margin: 0; }  #hits {   width: 240px; } #hits .box-tl {   padding-bottom: 22px; } #hits ul {   margin: 1em 0; } #hits li {   list-style: none;   margin: 0.9em 0; } #hits ul a {   text-decoration: none; } #hits ul a:hover {   text-decoration: underline; }  #new {   margin-right: 0; } #new .box-tl {   padding-bottom: 18px; } #new p {   margin-top: 0;   margin-bottom: 3.6em; }  #body h2 {   font-size: 12px;   text-align: right;   margin-bottom: 1.5em; } #body h3 {   font-size: 9px;   color: #FFEA00; } #body .more a {   font-weight: bold;   text-decoration: none; } #body .more a:hover {   text-decoration: underline; } #body .hr-yellow {   border-top: 1px solid #FFEA00;   padding-bottom: 1em;   margin-top: 1em; }  /** footer **/ #footer {   text-align: center; } #footer p, #footer ul {   margin: 0.8em; } #footer ul {   margin-top: 1.2em; } #footer li {   display: inline;   list-style: none; }

TASARIM ÜSTÜ

<div id="main" class="box">           <div id="header">                   <h3 id="logo"><a href="./" _fcksavedurl="./" title="CrystalX [Go to homepage]">Crystal<strong>X</strong><span></span></a></h3>         <hr class="noscreen" />                             <div class="noscreen noprint">             <p><em>Quick links: <a href="#content" _fcksavedurl="#content">content</a>, <a href="#tabs" _fcksavedurl="#tabs">navigation</a>, <a href="#search" _fcksavedurl="#search">search</a>.</em></p>             <hr />         </div>                   <div id="search" class="noprint">             <form action="" method="get">                 <fieldset><legend>Search</legend>                     <label><span class="noscreen">Find:</span>                     <span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label>                     <input type="image" src="http://www.nuviotemplates.com/templates/crystalx-01/design/search_submit.gif" id="search-submit" value="OK" />                 </fieldset>             </form>         </div>       </div>              <div id="tabs" class="noprint">              <h5 class="noscreen">Navigation</h5>             <ul class="box">                 <li><a href="#" _fcksavedurl="#">Home<span class="tab-l"></span><span class="tab-r"></span></a></li>                 <li id="active"><a href="#" _fcksavedurl="#">Weblog<span class="tab-l"></span><span class="tab-r"></span></a></li>                  <li><a href="#" _fcksavedurl="#">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>                 <li><a href="#" _fcksavedurl="#">Photos<span class="tab-l"></span><span class="tab-r"></span></a></li>                 <li><a href="#" _fcksavedurl="#">Portfolio<span class="tab-l"></span><span class="tab-r"></span></a></li>                 <li><a href="#" _fcksavedurl="#">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>                 <li><a href="#" _fcksavedurl="#">Links<span class="tab-l"></span><span class="tab-r"></span></a></li>             </ul>          <hr class="noscreen" />      </div>            <div id="page" class="box">     <div id="page-in" class="box">          <div id="strip" class="box noprint">                           <p id="rss"><strong>RSS:</strong> <a href="#" _fcksavedurl="#">articles</a> / <a href="#" _fcksavedurl="#">comments</a></p>             <hr class="noscreen" />                           <p id="breadcrumbs">You are here: <a href="#" _fcksavedurl="#">Home</a> > <a href="#" _fcksavedurl="#">Category</a> >  <strong>Page</strong></p>             <hr class="noscreen" />                      </div>                    <div id="conttent">       <div class="article">                 <h4>HackeR FrienD.Net</h4>                 <p class="info noprint">Bilgi Güçtür, Paylaştıkça Büyür!</p><p>

TASARIM ALTI

</p></div>              <hr class="noscreen" />                            </div>                    <div id="col" class="noprint">             <div id="col-in">                                   <h5><span><a href="#" _fcksavedurl="#">About Me</a></span></h5>                  <div id="about-me">                     <p><img src="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" _fcksavedurl="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />                     <strong>John Doe</strong><br />                     Age: 26<br />                     Dallas, TX<br />                     <a href="#" _fcksavedurl="#">Profile on MySpace</a></p>                 </div>                   <hr class="noscreen" />                                   <h5 ><span>Category</span></h5>                  <ul id="category">                     <li id="category-active"><a href="#" _fcksavedurl="#">Selected category</a></li>                      <li><a href="#" _fcksavedurl="#">Category</a></li>                     <li><a href="#" _fcksavedurl="#">Category</a></li>                     <li><a href="#" _fcksavedurl="#">Category</a></li>                     <li><a href="#" _fcksavedurl="#">Category</a></li>                 </ul>                  <hr class="noscreen" />                                   <h5><span>Archive</span></h5>                  <ul id="archive">                    <li><a href="#" _fcksavedurl="#">January 2007</a></li>                     <li><a href="#" _fcksavedurl="#">December 2006</a></li>                     <li><a href="#" _fcksavedurl="#">November 2006</a></li>                     <li><a href="#" _fcksavedurl="#">October 2006</a></li>                     <li><a href="#" _fcksavedurl="#">September 2006</a></li>                     <li id="archive-active"><a href="#" _fcksavedurl="#">August 2006</a></li>                      <li><a href="#" _fcksavedurl="#">July 2006</a></li>                     <li><a href="#" _fcksavedurl="#">June 2006</a></li>                     <li><a href="#" _fcksavedurl="#">May 2006</a></li>                     <li><a href="#" _fcksavedurl="#">April 2006</a></li>                     <li><a href="#" _fcksavedurl="#">March 2006</a></li>                     <li><a href="#" _fcksavedurl="#">February 2006</a></li>                     <li><a href="#" _fcksavedurl="#">January 2006</a></li>                 </ul>                  <hr class="noscreen" />                                   <h5><span>Links</span></h5>                  <ul id="links">                     <li><a href="#" _fcksavedurl="#">Something</a></li>                     <li><a href="#" _fcksavedurl="#">Something</a></li>                     <li><a href="#" _fcksavedurl="#">Something</a></li>                     <li><a href="#" _fcksavedurl="#">Something</a></li>                     <li><a href="#" _fcksavedurl="#">Something</a></li>                 </ul>                  <hr class="noscreen" />                          </div>          </div>       </div>      </div>            <div id="footer">         <div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" _fcksavedurl="#header" title="Back on top ^">^<span></span></a></p></div>         <hr class="noscreen" />                           <p id="createdby"><a href="http://www.nuviotemplates.com/" _fcksavedurl="http://www.nuviotemplates.com/">Free web templates</a></p>                           <p id="copyright">© 2007 <a href="mailto:my@mail.com" _fcksavedurl="mailto:my@mail.com">My Name</a></p>     </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;}  /* ----------------------------------------------------------------------------------------------------------      This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates      Structure:     display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;  ---------------------------------------------------------------------------------------------------------- */   * {min-height:1px;} body {border:0; margin:0; padding:0; background:#F2F5FE url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; text-align:center;}  a {color:#192666;} a:hover {color:#4F6AD7;}  p {border:0; margin:15px 0; padding:0;}  div {display:block; border:0; margin:0; padding:0;}  h3, h4, h5, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;} h3 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;} h4 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;} h5 {font-size:120%; line-height:100%; font-weight:bold;} h4 {font-size:120%;} h5 {font-size:100%;}  table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;} tr {display:table-row;} th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;} th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}  ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;} ol {list-style-type:decimal;} li {display:list-item; border:0; margin:0; padding:0;} ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}  dl {border:0; margin:15px 0; padding:0;} dt {border:0; margin:0; padding:0; font-weight:bold;} dd {border:0; margin:0 0 0 30px; padding:0;}  form {border:0; margin:0; padding:0;} fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;} legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}  hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}  a, img, span {border:0; margin:0; padding:0;} abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}  del, .through {text-decoration:line-through;} strong, .strong {font-weight:bold;} cite, em, q, var {font-style:italic;} code, kbd, samp {font-family:monospace; font-size:110%;}  .f-left {float:left;} .f-right {float:right;}  .t-left {text-align:left;} .t-center {text-align:center;} .t-right {text-align:right;}  .va-middle {vertical-align:middle;}  .clear {clear:both;} .box {min-height:1px;} .box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}  .nom {margin:0;} .noscreen {display:none;}  /* -----------------...........--------------------------------------------------------------------------------------- */  #main {width:770px; margin:50px auto 0 auto; text-align:left;}  #header {position:relative; width:770px; height:100px; margin:0; padding:0; background:#233C9B url("http://www.nuviotemplates.com/templates/crystalx-01/design/header.jpg") 0 0 no-repeat; color:#FFF;}      #header #logo {position:absolute; top:35px; left:35px; margin:0;}     #header #logo a {color:#FFF;}     #header #logo a:hover {color:#B5C4E3; text-decoration:underline;}          #header #search {position:absolute; top:35px; right:20px;}     #header #search form {position:relative;}     #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}     #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}     #header #search #search-submit {position:absolute; top:0; right:0px;}     #header #search fieldset {margin:0; padding:0; border:0;}     #header #search fieldset {width:200px;}     #header #search legend {display:none;}  #tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;}      #tabs ul {margin:0 10px; padding:0; list-style:none;}     #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}     #tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}          #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_l.gif") 0 0 no-repeat;}     #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_r.gif") 100% 0 no-repeat;}          #tabs ul li a:hover {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}     #tabs ul li a:hover span.tab-l {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_l.gif") 0 0 no-repeat;}     #tabs ul li a:hover span.tab-r {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_r.gif") 100% 0 no-repeat;}      #tabs ul li#active a {background:#FFF; color:#FF9000;}     #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_l.gif") 0 0 no-repeat;}     #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_r.gif") 100% 0 no-repeat;}  #page {width:770px; min-height:1px; background:#FFF url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page.gif") 0 0 repeat-y; _height:1px;} #page-in {min-height:1px; padding:10px 0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page_in.jpg") 0 0 no-repeat; _height:1px;}  #strip {position:relative; clear:both; padding:3px 20px 10px 20px; color:#6182D1;} #strip p {margin:0;} #strip a {color:#6182D1;} #strip a:hover {color:#192666;}      #strip #breadcrumbs {width:520px; margin:0; padding:0;}          #strip #rss {float:right; width:175px; _width:200px; margin:0; padding-left:25px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_rss.gif") 0 50% no-repeat}  #conttent {float:left; width:530px; _width:550px; margin:0; padding:0 0 0 20px;}      #conttent .article {clear:both; margin:0; padding:20px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_article_bg.jpg") 0 0 no-repeat;}     #conttent .article h4 {margin:0 -20px; padding:10px; background:#DEE5FD url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_title_bg.gif") 0 0 repeat-y; color:#192666;}     #conttent .article h4 span {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;}          #conttent .article p {text-align:justify;}     #conttent .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}     #conttent .info a {color:#6685CC;}     #conttent .info a:hover {color:#FF9000;}          #conttent .info span.date, #conttent .info span.cat, #conttent .info span.user, #conttent .info span.comments {padding-left:15px;}     #conttent .info span.date {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_date.gif") 0 50% no-repeat;}     #conttent .info span.cat {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}     #conttent .info span.user {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}     #conttent .info span.comments {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}      #conttent .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}     #conttent .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}     #conttent .btn-more a:hover {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif") -95px 0 no-repeat;}  #col {float:left; width:200px; margin:0; padding:0; background:#CEDBF9 url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_bg.gif") 0 0 repeat-y;} #col-in {padding:20px 10px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_top.gif") 0 0 no-repeat;} #col h5 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_title_bg.gif") 0 0 repeat-y; color:#192666;}      #col #about-me {margin-bottom:15px; line-height:130%;}     #col #about-me p {margin:0;}     #col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;}      #col ul#category {margin:15px 0; padding:0; list-style:none;}     #col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}     #col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}     #col ul#category li a:hover {background-color:#D3DFF8; color:#192666;}     #col ul#category li#category-active a {background:#E0E8FA url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}          #col ul#archive {margin:15px 0; padding:0; list-style:none;}     #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}     #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}     #col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}     #col ul#archive li#archive-active a {background:#E0E8FA url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;}          #col ul#links {margin:15px 0; padding:0; list-style:none;}     #col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}     #col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}     #col ul#links li a:hover {background-color:#D3DFF8; color:#192666;}  #footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/footer.jpg") 0 0 no-repeat; color:#6685CC;} #footer a {color:#6685CC;} #footer a:hover {color:#192666;}      #top {position:absolute; top:55px; left:550px;}     #top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}     #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif") 0 0 no-repeat; cursor:pointer;}     #top a:hover span {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif") -30px 0 no-repeat;}      #footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}      #createdby {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;}     #createdby a {color:#8CA3D8;}

TASARIM ÜSTÜ

TASARIM ALTI

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;}  /* CSS RESET */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}  body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;} /* CSS RESET */    body { 	text-align:center; 	color:#6d6b6e } a { 	text-decoration:none; 	color:#000 } a:hover { 	text-decoration: underline; } #wrap { 	width:900px; 	text-align:left; 	margin:0 auto; }  .fl{ float:left} .fr{ float:right} .clearfix{ clear:both}    /* header */ #header { background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/hd.jpg); height:273px; position:relative} #header h1 {font-size:40px; font-weight:700; position:absolute; left:70px; top:20px;color:#fff} .sc{background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/s.gif) no-repeat;height:38px;  width:230px; position:absolute; right:70px; top:20px} .q { border:#1D7E9F 1px solid;width:165px; height:25px; position: absolute; top:8px; right:55px; background:#1D7E9F } .submit {background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/go.gif) no-repeat; height:39px; width:39px; border:0; position: absolute; top:0px; right:5px; }  #header li{ float:left; padding:0 6px; line-height:1.9em } #header ul{  position:absolute; right:30px; top:232px; font-size:11px;border: #0099CC solid; border-width:3px 0} #header li a:hover { background:#0099CC; text-decoration:none} /* content */ #content {} .side {background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/left.jpg) no-repeat; width:451px;} .sinner {width:250px; margin:200px 0 0 150px; font-size:11px} .main {background:#F4F5EE; } .main h2 {font-size:34px; text-align:right; font-weight:700; margin:20px 0} .mainin { padding:20px; width:409px;} #bg{ background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/bg.jpg)}  #bg,.main { 	padding-bottom:300px; 	margin-bottom:-300px; } #copyright{ width:250px; height:50px; padding:100px 0 0 150px;} #content  { 	overflow:hidden; }  /* footer */ #copyright {font-size:11px;}