VaSiLi - KerneL Web Sitesi - free css templates

free css templates

featuring

Önizleme | Dowland

Tasarım Üstü
<div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Featuring</a></h1> <h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2> </div>  <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">Products</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Contact</a></li> </ul> </div>  </div>  <div id="page"> <div id="page-bgtop"> <div id="content">

Tasarım Altı
</div>  <div id="sidebar"> <ul> <li id="search"> <h2>Search</h2> <form method="get" action=""> <fieldset> <input type="text" id="seach-text" name="s" value="" /> <input type="submit" id="search-submit" value="Search" /> </fieldset> </form> </li> <li> <h2>Lorem Ipsum</h2> <ul> <li><a href="#" _fcksavedurl="#">Fusce dui neque fringilla</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> </ul> </li> <li> <h2>Volutpat Dolore</h2> <ul> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> </ul> </li> <li> <h2>Bebindum Mauris </h2> <ul> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> </ul> </li> <li> <h2>Phasellus Tellus</h2> <ul> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> </ul> </li> </ul> </div>  <div style="clear: both; height: 1px"></div> </div> </div>  <div id="footer"> <p id="legal">Copyright © 2007 Featuring. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> <p id="links"><a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a></p> </div>  </div>

Css Kodu
/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { margin-top: 40px; background: #000000; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #202020; } h1, h2, h3 { color: #AA2808; } h1 { } h2 { } h3 { } p, blockquote, ul, ol { margin-bottom: 20px; line-height: 2em; } p { } blockquote { } ul, ol, li { margin: 0px; padding: 0px; list-style: none; } a { text-decoration: underline; color: #323B51; } a:hover { text-decoration: none; color: #FF0000; } /* Wrapper */ #wrapper { } /* Header */ #header { width: 892px; height: 91px; margin: 0 auto; } /* Logo */ #logo { float: left; width: 270px; height: 76px; margin: 0px; padding: 15px 0px 0px 30px; background: url(https://img.webme.com/pic/t/tilsimca/img01.jpg) no-repeat left top; } #logo h1 { margin: 0; padding: 0; font: normal 36px Georgia, "Times New Roman", Times, serif; } #logo h2 { margin: -2px 0 0 0; padding: 0; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: bold; color: #444444; } #logo a { text-decoration: none; color: #444444; } /* Menu */ #menu { float: right; width: 592px; height: 91px; background: url(https://img.webme.com/pic/t/tilsimca/img02.jpg) no-repeat left top; } #menu ul { margin: 0; padding: 6px 0 0 20px; list-style: none; line-height: normal; margin-left: 30px; } #menu li { display: inline; text-align: center; } #menu a { display: block; float: left; margin-right: 3px; padding: 5px 20px 5px 20px; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #110404; } #menu a:hover, #menu .active a { background: #FFFFFF; color: #110404; } /* Search */ #search { height: 45px; padding: 0px 0px 40px 0px; } #search form { margin: 0; padding: 12px 0px 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { float: left; font: 12px Georgia, "Times New Roman", Times, serif; } #search-text { width: 120px; height: 18px; padding: 3px 0 0 5px; border: 1px solid #000000; color: #000000; } #search-submit { height: 21px; margin-left: 10px; padding: 0px 2px; border: none; background: #000000; color: #FFFFFF; } /* Page */ #page { width: 892px; margin: 0 auto; background: url(https://img.webme.com/pic/t/tilsimca/img03.jpg) repeat-y left top; } #page-bgtop { background: url(https://img.webme.com/pic/t/tilsimca/img05.jpg) no-repeat left top; padding: 0px 30px; } /* Content */ #content { float: left; width: 564px; padding-top: 30px; } .post { margin: 0px 0px 30px 0px; } .post .title { margin: 0px; padding: 0px 0px 5px 0px; color: #232F01; } .post .title a { padding: 4px 35px 4px 15px; background: #FF0000; text-decoration: none; font-weight: normal; color: #FFFFFF; } .post .entry { } .post img { float: left; padding: 15px 0px; } .post .meta { text-align: right; padding-top: 20px; border-bottom: 1px solid #E5E5E5; font-weight: bold; color: #202020; } .post .byline { float: right; margin-top: -30px; font-size: 12px; color: #5E5E5E; } /* Sidebar */ #sidebar { float: right; width: 208px; padding-top: 30px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 1px; } #sidebar li ul { margin: 0px; padding: 0px 0px 40px 0px; } #sidebar li li { margin: 0; padding: 9px 0px; border: none; background: url(https://img.webme.com/pic/t/tilsimca/img07.jpg) repeat-x left bottom; } #sidebar h2 { margin: 0px; padding: 0px; border-bottom: 2px solid #EBEBEB; font-family: "Times New Roman", Times, serif; font-size: 160%; font-weight: normal; color: #110404; } #sidebar h3 { font-size: 77%; color: #110404; } #sidebar p { margin: 0; line-height: normal; color: #D4C792; } #sidebar a { border: none; text-decoration: none; color: #FF0000; } #sidebar a:hover { text-decoration: underline; } /* Submenu */ #submenu { } /* News */ #news { } #news a { font-size: 85%; } /* Footer */ #footer { width: 892px; height: 50px; margin: 0 auto; padding: 40px 0 0 0; background: url(https://img.webme.com/pic/t/tilsimca/img04.jpg) no-repeat left top; color: #FFFFFF; } #footer p { margin: 0; text-align: center; font-size: 77%; } #footer a { text-decoration: underline; color: #FFFFFF; } #footer a:hover { text-decoration: none;

majestic

Önizleme | Dowland

Tasarım Üstü

<div id="header"> 	<div id="logo"> 		<h1><a href="#" _fcksavedurl="#">Majestic</a></h1> 		<p>Designed By Free CSS Templates</p> 	</div> 	<div id="menu"> 		<ul> 			<li><a href="#" _fcksavedurl="#" class="current_page_item">Home</a></li> 			<li><a href="#" _fcksavedurl="#">Blog</a></li> 			<li><a href="#" _fcksavedurl="#">Photos</a></li> 			<li><a href="#" _fcksavedurl="#">Links</a></li> 			<li><a href="#" _fcksavedurl="#">Contact</a></li> 		</ul> 	</div> </div>  <div id="wrapper"> 	 	<div id="page"> 		<div id="page-bg"> 			<div id="sidebar1" class="sidebar"> 				<div id="sidebar1-bgtop"> 				<div id="sidebar1-bgbtm"> 				<ul> 					<li> 						<h2>Recent Posts</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 						</ul> 					</li> 					<li> 						<h2>Recent Comments</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 						</ul> 					</li> 					<li> 						<h2>Categories</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 							<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 						</ul> 					</li> 					<li> 						<h2>Archives</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#">September</a> (23)</li> 							<li><a href="#" _fcksavedurl="#">August</a> (31)</li> 							<li><a href="#" _fcksavedurl="#">July</a> (31)</li> 							<li><a href="#" _fcksavedurl="#">June</a> (30)</li> 							<li><a href="#" _fcksavedurl="#">May</a> (31)</li> 						</ul> 					</li> 				</ul> 				</div> 				</div> 			</div> 			 			<div id="content">

Tasarım Altı

</div> 			 			 			<div id="sidebar2" class="sidebar"> 				<div id="sidebar2-bgtop"> 				<div id="sidebar2-bgbtm"> 				<ul> 					<li> 						<form id="searchform" method="get" action="#"> 							<div> 								<h2>Site Search</h2> 								<input type="text" name="s" id="s" size="15" value="" /> 							</div> 						</form> 					</li> 					<li> 						<h2>Tags</h2> 						<p class="tag"><a href="#" _fcksavedurl="#">dolor</a> <a href="#" _fcksavedurl="#">ipsum</a> <a href="#" _fcksavedurl="#">lorem</a> <a href="#" _fcksavedurl="#">sit amet</a> <a href="#" _fcksavedurl="#">dolor</a> <a href="#" _fcksavedurl="#">ipsum</a> <a href="#" _fcksavedurl="#">lorem</a> <a href="#" _fcksavedurl="#">sit amet</a></p> 					</li> 					<li> 						<h2>Categories</h2> 						<ul> 							<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 							<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 							<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 							<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 							<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> 							<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> 							<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 							<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> 							<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> 							<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> 							<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> 						</ul> 					</li> 				</ul> 			</div> 			</div> 			</div> 			 			<div style="clear: both;"> </div> 		</div> 	</div> 	 </div> <div id="footer"> 	<p class="copyright">©  2009 All Rights Reserved  •  Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> 	<p class="link"><a href="#" _fcksavedurl="#">Privacy Policy</a> • <a href="#" _fcksavedurl="#">Terms of Use</a></p> </div>

Css Kodu

/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */  body { 	margin-top: 50px; 	padding: 0; 	background: #0A1420; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #FFFFFF; }  h1, h2, h3 { 	margin-top: 0; 	color: #FFFFFF; }  h1 { 	font-size: 1.6em; 	font-weight: normal; }  h2 { 	font-size: 1.6em; }  h3 { 	font-size: 1em; }  ul { }  a { 	text-decoration: none; 	color: #FFFFFF; }  a:hover { 	border-bottom: none; }  a img { 	border: none; }  img.left { 	float: left; 	margin: 0 20px 0 0; }  img.right { 	float: right; 	margin: 0 0 0 20px; }  #header { 	width: 940px; 	height: 150px; 	margin: 0 auto; 	padding: 0px; }  /* Header */  #logo { 	width: 940px; 	height: 80px; 	margin: 0 auto; 	padding-top: 20px; }  #logo h1, #logo p { 	float: left; 	margin: 0; 	color: #FFFFFF; }  #logo span { }  #logo h1 { 	padding: 25px 0 0 0; 	letter-spacing: -1px; 	text-transform: lowercase; 	font-weight: normal; 	font-size: 3em; }  #logo p { 	text-transform: uppercase; 	padding: 47px 0 0 3px; 	font-size: 10px; 	color: #CCCCCC; }  #logo a { 	border: none; 	text-decoration: none; 	color: #FFFFFF; }  /* Menu */  #menu { 	width: 940px; 	margin: 0 auto; 	padding: 0; 	height: 50px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img01.gif)  no-repeat left top; }  #menu ul { 	margin: 0; 	padding: 0; 	list-style: none; }  #menu li { 	display: inline; }  #menu a { 	display: block; 	float: left; 	height: 34px; 	margin: 0; 	padding: 16px 30px 0 30px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img14.gif) no-repeat right 7px; 	text-decoration: none; 	text-transform: capitalize; 	font-size: 13px; 	font-weight: bold; 	color: #04283B; }  #menu a:hover { 	color: #04283B; }  #menu .current_page_item a { 	color: #04283B; }  /* Wrapper */  #wrapper { }  /* Page */  #page { 	width: 940px; 	margin: 0 auto; 	padding: 0px; }  #page-bg { }  /* Latest Post */  #latest-post { 	padding: 20px; 	border: 1px solid #E7E7E7; }  /* Content */  #content { 	float: left; 	width: 560px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img12.gif) repeat-y left top; }  #content-bgtop { 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img11.gif) no-repeat left top; }  #content-bgbtm { 	padding: 20px 10px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img13.gif) no-repeat left bottom; }  .post { 	padding-bottom: 15px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img15.gif) repeat-x left bottom; 	line-height: 200%; }  .post h1 { 	font-weight: normal; }  .title { 	margin: 0; 	padding: 10px 0 4px 20px; 	font-weight: normal; }  .title a { 	border-bottom: none; 	color: #FFFFFF; }  .title a:hover { 	border-bottom: 1px dotted #000000; }  .byline { 	margin: -10px 20px 20px 20px; }  .tag { 	padding: 0 15px; }  .entry { 	padding: 0 20px; }  .links { 	padding: 4px 0px; 	text-align: right; 	font-weight: bold; }  .links a { 	border: none; }  .links a:hover { }  /* Sidebars */  #sidebar1 { 	float: left; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img04.gif) repeat-y left top; 	color: #04283B; }  #sidebar1-bgtop { 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img03.gif) no-repeat left top; }  #sidebar1-bgbtm { 	padding-top: 10px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/mages/img05.gif) no-repeat left bottom; }  #sidebar1 h2 { 	height: 30px; 	margin: 0px 0px 0px 0px; 	padding: 25px 0px 0px 15px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img06.gif) no-repeat left top; 	font-size: 13px; 	font-weight: bold; 	color: #04283B; }  #sidebar1 a { 	color: #04283B; }  #sidebar2 { 	float: right; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img08.gif) repeat-y left top; }  #sidebar2-bgtop { 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img07.gif) no-repeat left top; }  #sidebar2-bgbtm { 	padding-top: 10px; 	background: url(http://www.freecsstemplates.org/templates/previews/majestic/images/img09.gif) no-repeat left bottom; }  #sidebar2 h2 { 	height: 30px; 	margin: 0px 0px 0px 0px; 	padding: 25px 0px 0px 15px; 	background: url(images/img10.gif) no-repeat left top; 	font-size: 13px; 	font-weight: bold; 	color: #FFFFFF; }  #sidebar2 a { 	color: #FFFFFF; }  .sidebar { 	float: left; 	width: 190px; 	font-size: 11px; }  .sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; }  .sidebar li { 	padding: 0 0 20px 0; }  .sidebar li ul { }  .sidebar li li { 	margin: 0 20px 0 15px; 	padding: 8px 0px; 	border-bottom: 1px #BBBBBB dashed; }   .sidebar li h2 { 	height: 30px; 	margin: 0 0 0 0; 	padding: 10px 15px 0px 15px; 	color: #FFFFFF; }  .sidebar a { }  /* Search */  #searchform { 	margin: 0; 	padding: 0 0 0 0; }  #searchform br { 	display: none; }  #searchform h2 { }  #s { 	margin: 10px 0px 0 15px; 	padding: 2px 2px; 	width: 150px; 	height: 18px; 	border: 1px solid #FFFFFF; 	background: #FFFFFF; 	font-size: 10px; 	color: #000000; }  #x { 	margin: 0; 	padding: 2px 5px; 	height: 25px; 	background: #CA8186; 	text-decoration: none; 	text-transform: uppercase; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; 	color: #CCCCCC; } /* Calendar */  #calendar_wrap { 	padding: 0 15px; 	text-align: center; }  #calendar_wrap table { 	width: 100%; }  #calendar_wrap th { }  #calendar_wrap td { }  #calendar_wrap tfoot td { 	border: none; }  #calendar_wrap tfoot td#prev { 	text-align: left; 	font-weight: bold; 	border: none; }  #calendar_wrap tfoot td#prev a { 	border: none; }  #calendar_wrap tfoot td#next { 	text-align: right; 	font-weight: bold; 	border: none; }  #calendar_wrap tfoot td#next a { 	border: none; }  /* Footer */  #footer { 	width: 960px; 	height: 70px; 	margin: 0 auto; 	padding: 10px 0px 0px 0px; 	color: #FFFFFF; }  #footer p { 	margin: 0; 	padding: 25px 20px 0 20px; 	text-transform: uppercase; 	text-align: center; 	font-size: smaller; 	font-family: Arial, Helvetica, sans-serif; }  #footer a { 	color: #FFFFFF; }  #footer .link { 	float: right; }  #footer .copyright { 	float: left; }

metamorph_abstraction

Önizleme | Dowland

Tasarım Üstü

Tasarım Altı

</div><div id="right_bottom">             </div> 			</div> 	</div>   	<div id="left">       <div id="top"></div>       <div id="left_back">         <div id="left_con"> 		 		<h3>Nunc pellentesque</h3> 			<div class="title_back"> 			<ul> 				<li><ul> 					<li><a href="#" _fcksavedurl="#">Vivamus id arcu</a></li> 					<li><a href="#" _fcksavedurl="#">Duis congue ultricies</a></li> 					<li><a href="#" _fcksavedurl="#">Purus in mollis purus</a></li> 					<li><a href="#" _fcksavedurl="#">Orci nonummy fringilla</a></li> 					</ul> 			  </li> 			</ul> 			</div> 			<br /> 			<h3>Company News</h3> 			<div class="title_back"> 			<ul> 			  <li> 				  <h4>June 2, 2008</h4> 				  <p><a href="#" _fcksavedurl="#"> Duis tempor posuere diam. Suspendisse vel tellus quis nunc malesuada porta. …</a></p></li> 				   <li> 				  <h4>June 12, 2008</h4> 				  <p><a href="#" _fcksavedurl="#">Tempus Duis tempor posuere diam. Suspendisse  quis nunc malesuada porta. …</a></p></li> 			      </ul> 				  </div>	 		 </div> 	         </div>         <div id="bottom"></div> 		</div>   <div style="clear: both"></div> 	</div> </div> <div id="footer"> <p>Copyright © 2009. <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>  	<p>Düzenleyen<a href="http://www.vasili-kernel.tr.gg/" _fcksavedurl="http://www.vasili-kernel.tr.gg/" title="VaSiLi-KerneL">VaSiLi-KerneL</a></p> 	</div>

Css Kodu

/* Design by Metamorphosis Design http://www.metamorphozis.com Released for free under a Creative Commons Attribution 2.5 License */  * { margin: 0px; padding: 0px; }  a:link { 	color: #ffffff; }  a:hover { 	text-decoration: none; 	color: #ffffff; }  a:visited { 	color: #ffffff; }  body { 	 	background: #000000 url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/back_all.jpg) repeat-x; 	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; 	color: #333333; }  #content { 	margin: 0 auto; 	width: 942px; }   #header { 	height: 200px; 	width: 624px; }  #menu { padding-left: 40px; height: 50px; }  #menu ul { 	list-style: none;	 }  #menu li { 	 	display: inline;  	 }  #main #menu a { 	float: left; 	width: 100px;     display: block; 	text-align: center; 	text-decoration: none; 	color: #708213; 	font-weight: bold; 	font-size: 14px; 	text-transform: uppercase; 	padding-top: 22px; }  #main #menu a:hover { 	width: 100px;     height: 45px; 	color: #ff0000; 	text-decoration: underline; }   .more { text-align: right; }   #logo { width: 624px; height: 73px; text-align:  right; padding-top: 50px; }   #logo H1 a { 	text-decoration: none; 	text-transform: lowercase; 	font-style: italic; 	font-size: 16px; 	color: #ffffff; } #logo H2 a { font-size: 10px; color: #ffffff; }  #main { width: 982px; }  #top{ 	background: url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/feather_image.gif) no-repeat; 	color: #000000; 	width: 349px; 	height: 335px; }  #left { 	width: 298px; 	color: #000000; }  #left_con{ 	background:url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/left_top.gif) top no-repeat; 	padding-left:10px; 	padding-top: 10px; }  #left_back{      width: 272px;      margin-left:45px;      background:#d6eda8 url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/left_back.gif) top repeat-x; }    #left H3 { width: 233px; height: 26px; font-size: 14px; font-weight: bold; padding-left: 19px; padding-top: 10px; text-transform: uppercase; color: #ffffff; background: url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/title.gif) no-repeat;  }   #left ul { 	list-style: none; }  #left li ul { 	border: 0px; 	margin-left: 20px; 	margin-bottom: 10px; }  #left li li { 	padding: 4px 15px;     background: url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/small.gif) no-repeat left; }  #left .title_back { padding: 10px; }   #left a { 	color: #007CE5; } #left a:visited { 	color: #007CE5; }  #left p { padding: 10px; padding-left: 40px; }  #bottom{      background:url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/left_bottom.gif) no-repeat bottom;      height:56px;      width:272px;      margin-left:45px; }  #right { float: right; width: 624px; }  #right .boxtop { background:#dcefa0 url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/left_back.gif) repeat-x;  }  #right .box { background: url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/box_top.gif) repeat-x; padding: 10px; }  #right ol, #right ul { margin-left: 30px; }  #right H4 { 	margin: 0; 	padding: 0px; 	font-size: 14px; 	color: #000000; 	background:url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/right_title.gif) no-repeat; 	height: 26px; 	padding-top: 10px; 	padding-left: 25px; }  #right H4 a { 	color: #ffffff; }  #right a { color: #007CE5; text-decoration: none; }  #right p { 	margin: 0; 	padding: 0; 	padding-bottom: 10px; }  #right .date2 { 	margin: 10px; 	padding: 0; 	padding-top: 5px; }  #right h2 { 	margin: 0; 	padding: 0; 	padding-top: 10px; 	color: #4889D7; } .date { 	text-align: right; 	color: #4889D7; 	font-size: 11px; }  .date a { 	color: #007CE5; }  #right_bottom{ 	background:url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/right_bottom.gif) no-repeat bottom; 	height: 19px; 	margin-bottom: 20px; }   #footer { 	height: 60px; 	clear: both; 	padding-top: 30px; 	background: url(http://www.freecss.info/wp-content/plugins/tdo-mini-forms/upload/539/metamorph_abstraction/images/footer.gif) repeat-x;  }  #footer p { 	margin: 0; 	font-size: 10px; 	text-align: center; 	color: #ffffff; }  #footer a { 	color: #ffffff; }