Bedava Sitemcss tasarim sade ve saydam

Sade Ve Saydam Bir Css Tasarım

Bu Tasarımda Bazı hatalar bulunmakta Bunu gidermeye çalışın.
Özür dileriz.

Tasarımın Üstü

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : GoodLife 
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20121013

--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta name="keywords" content=""  /> <FCK:meta name="description" content=""  /> <FCK:meta http-equiv="content-type" content="text/html; charset=utf-8"  /> <title>GoodLife by FCT</title> <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' /> <link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css' /> <link href="default.css" rel="stylesheet" type="text/css" media="all" />  </head> <body> <div id="header-wrapper"> 	<div id="header"> 		<div id="logo"> 			<h1><a href="#" _fcksavedurl="#">GoodLife</a></h1> 		</div> 		<div id="menu"> 			<ul> 				<li class="current_page_item"><a href="#" _fcksavedurl="#" accesskey="1" title="">Homepage</a></li> 				<li><a href="#" _fcksavedurl="#" accesskey="2" title="">Our Clients</a></li> 				<li><a href="#" _fcksavedurl="#" accesskey="3" title="">About Us</a></li> 				<li><a href="#" _fcksavedurl="#" accesskey="4" title="">Careers</a></li> 				<li><a href="#" _fcksavedurl="#" accesskey="5" title="">Contact Us</a></li> 			</ul> 		</div> 	</div> </div> <div id="footer-wrapper"> 	<div id="footer-content"> 		<div id="fbox1"> 			<h2><span>Aenean elementum</span> facilisis</h2> 			<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis:</p> 			<p> </p> 			<ul class="style2"> 				<li class="first"><a href="#" _fcksavedurl="#">Maecenas luctus lectus at sapien</a></li> 				<li><a href="#" _fcksavedurl="#">Donec dictum metus in sapien</a></li> 				<li><a href="#" _fcksavedurl="#">Integer gravida nibh quis urna</a></li> 				<li><a href="#" _fcksavedurl="#">Etiam posuere augue sit amet nisl</a></li> 				<li><a href="#" _fcksavedurl="#">Mauris vulputate dolor sit amet nibh</a></li> 				<li><a href="#" _fcksavedurl="#">Praesent scelerisque scelerisque erat</a></li> 			</ul> 			<p class="button-style"><a href="#" _fcksavedurl="#">More Details</a></p> 		</div>

Tasarımın Altı

Css Kısmı

h1#title{display: none;}  h2#title span {display: none;}  div.header{display: none;}  li.nav_element{list-style-type: none;}  li.nav_element{display: none;}      /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */  body { 	margin: 0; 	padding: 0; 	background: #1B2024; 	font-family: 'Abel', sans-serif; 	font-size: 15px; 	color: #8F8F8F; }  h1, h2, h3 { 	margin: 0; 	padding: 0; 	font-family: 'Abel', sans-serif; 	font-weight: 200; 	color: #222222; }  p, ol, ul { 	margin: 0px; 	padding: 0px; }  p, ol { 	line-height: 180%; }  strong { }  a { 	color: #5C5539; }  a:hover { 	text-decoration: none; }  a img { 	border: none; }  img.border { }  img.alignleft { 	float: left; }  img.alignright { 	float: right; }  img.aligncenter { 	margin: 0px auto; }  hr { 	display: none; }  /** WRAPPER */  #wrapper { }  .container { 	width: 1000px; 	margin: 0px auto; }  .clearfix { 	clear: both; }  /* Header */  #header-wrapper { 	overflow: hidden; 	height: 157px; 	background: #DEE3E5; }  #header { 	width: 1000px; 	height: 140px; 	margin: 0 auto; 	padding: 0px 0px; }  /* Logo */  #logo { 	float: left; 	width: 300px; 	height: 80px; 	margin: 0px; 	padding: 0px; }  #logo h1 { 	padding: 30px 0px 0px 0px; 	background: url(images/img02.png) no-repeat left 50%; 	text-transform: lowercase; 	letter-spacing: -2px; 	font-size: 3.6em; }  #logo h1 a { 	text-decoration: none; 	color: #1B2024; }  /* Menu */  #menu { 	float: right; 	width: 650px; 	height: 80px; }  #menu ul { 	float: right; 	margin: 0; 	padding: 40px 0px 0px 0px; 	list-style: none; 	line-height: normal; }  #menu li { 	float: left; }  #menu a { 	display: block; 	margin-left: 1px; 	padding: 5px 20px 5px 20px; 	text-decoration: none; 	text-align: center; 	text-transform: uppercase; 	font-family: 'Oswald', sans-serif; 	font-size: 18px; 	font-weight: 300; 	color: #10202F; }  #menu a:hover, #menu .current_page_item a { 	text-decoration: none; 	background: #1B2024; 	border-radius: 5px; 	color: #FFFFFF; }  /* Page */  #page-wrapper { 	overflow: hidden; 	background: #F1F2E9; }  #page { 	overflow: hidden; 	width: 1000px; 	margin: 0px auto; 	padding: 50px 0px; 	color: #8F8F8F; }  /** CONTENT */  #content { 	float: right; 	width: 660px; 	padding: 0px 0px 0px 0px; }  #content h2 { 	padding: 0px 0px 30px 0px; 	letter-spacing: -1px; 	font-size: 36px; 	color: #222222; }  #content .subtitle { 	padding: 0px 0px 30px 0px; 	text-transform: uppercase; 	font-family: 'Oswald', sans-serif; 	font-size: 18px; 	color: #81AFC5; }   /** SIDEBAR */  #sidebar { 	float: left; 	width: 290px; 	padding: 0px 0px 20px 0px; }  #sidebar h2 { 	padding: 0px 0px 30px 0px; 	letter-spacing: -1px; 	font-size: 2em; }  /* Footer */  #footer { 	height: 100px; 	margin: 0 auto; 	padding: 50px 0px 15px 0px; 	font-family: 'Abel', sans-serif; }  #footer p { 	margin: 0; 	letter-spacing: 1px; 	line-height: normal; 	font-size: 14px; 	text-transform: uppercase; 	text-align: center; 	color: #4D565E; }  #footer a { 	color: #4D565E; }  /* Three Column Footer Content */  #footer-wrapper { 	background: #FFFFFF; }  #footer-content { 	overflow: hidden; 	width: 1000px; 	margin: 0px auto; 	padding: 50px 0px 50px 0px; 	color: #717171; }  #footer-content a { }  #footer-content h2 { 	margin: 0px; 	padding: 0px 0px 30px 0px; 	letter-spacing: -1px; 	font-size: 30px; 	color: #B5A871; }  #footer-content h2 span { 	color: #5C5539; }   #footer-content #fbox1 { 	float: left; 	width: 320px; 	margin-right: 20px; }  #footer-content #fbox2 { 	float: right; 	width: 640px; }  /* Banner Style */  #banner-wrapper { 	overflow: hidden; 	height: 345px; 	padding: 40px 0px; 	background: url(images/img03.png) repeat; }  #banner { 	overflow: hidden; 	width: 1000px; 	margin: 0px auto; }  /* Button Style */  .button-style { 	display: inline-block; 	margin-top: 30px; 	padding: 7px 30px; 	background: #1B2024; 	border-radius: 5px; }  .button-style a { 	letter-spacing: 1px; 	text-decoration: none; 	text-transform: uppercase; 	font-family: 'Oswald', sans-serif; 	font-weight: 300; 	font-size: 16px; 	color: #FFFFFF; }  /* List Style 1 */  ul.style1 { 	margin: 0px; 	padding: 0px; 	list-style: none; }  ul.style1 li { 	padding: 20px 0px 20px

webodam

Bedava Sitemcss tasarim sade ve saydam

Sade Ve Saydam Bir Css Tasarım

Tasarımın Üstü

Tasarımın Altı

Css Kısmı