trggkodsarayi

Opposed Tasarımı

Önizleme: http://www.freecsstemplates.org/preview/opposed/

Tasarım Üstü

Tasarım Altı

</div> 		</div> 		<div id="sidebar"> 			<ul> 				<li> 					<h2>Aliquam tempus</h2> 					<p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p> 				</li>  				<li> 					<h2>Pellenteque ornare </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> 						<li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> 						<li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> 					</ul> 				</li> 				<li>  					<h2>Turpis nulla</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="#">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>  					</ul> 				</li> 			</ul> 		</div> 		 		<div style="clear: both;"> </div> 	</div> 	 	<div id="footer">  		<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> 	</div> 	                 </body></html></body></html>

Css Kodu

/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */  body { 	margin: 0px; 	padding: 0; 	background: #FFFFFF url(http://www.freecsstemplates.org/previews/opposed/images/img01.jpg) repeat-x left top; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	color: #464646; }  h1, h2, h3 { 	margin: 0; 	text-transform: uppercase; 	font-weight: normal; 	color: #549900; }  h1 { font-size: 44px; }  h2 { font-size: 18px; }  h3 { }  p, ul, ol { 	margin-top: 0; 	line-height: 240%; 	text-align: justify; }  ul, ol { }  blockquote { }  a { color: #639CBF; }  a:hover { text-decoration: none; }  a img { 	border: none; }  img.left { 	float: left; 	margin: 7px 30px 0 0; }  img.right { 	float: right; 	margin: 7px 0 0 30px; }  hr { display: none; }  .list1 { }  .list1 li { 	float: left; 	line-height: normal; }  .list1 li img { 	margin: 0 30px 30px 0; }  .list1 li.alt img { 	margin-right: 0; }  #wrapper { }  /* Header */  #header-wrapper { }  #header { 	width: 920px; 	height: 90px; 	margin: 0 auto; 	padding: 0px 30px; 	background: url(http://www.freecsstemplates.org/previews/opposed/images/img02.jpg)  no-repeat left top; }  /* Menu */  #menu { 	float: left; 	width: 600px; 	height: 90px; }  #menu ul { 	margin: 0; 	padding: 20px 0px 0px 0px; 	list-style: none; 	line-height: normal; }  #menu li { 	display: block; 	float: left; }  #menu a { 	display: block; 	float: left; 	height: 32px; 	padding: 14px 20px 0px 20px; 	letter-spacing: -1px; 	text-decoration: none; 	text-align: center; 	text-transform: lowercase; 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	font-size: 22px; 	font-weight: normal; 	color: #FFFFFF; }  #menu a:hover {  	text-decoration: none;  }  #menu .current_page_item a { }  #menu .first { } /* Search */  #search { 	float: right; 	width: 240px; 	padding: 35px 10px 0px 0px; }  #search form { 	float: right; 	margin: 0; 	padding: 4px 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: 150px; 	height: 18px; 	padding: 3px 0 0 5px; 	border: 1px solid #333333; 	background: #ECF9E4; 	color: #000000; }  #search-submit { 	height: 21px; 	margin-left: 10px; 	padding: 0px 5px; 	background: #2A4345; 	border: 1px solid #5F817E; 	color: #FFFFFF; }  /* Page */  #page { 	width: 920px; 	margin: 0 auto; 	padding: 20px 30px 0px 30px; 	background: #FFFFFF; }   /** LOGO */  #logo { 	width: 940px; 	height: 80px; 	margin: 0 auto; 	padding-left: 20px; }  #logo h1, #logo p { 	margin: 0px; 	line-height: normal; 	text-transform: lowercase; 	font-weight: normal; 	color: #FFFFFF; }  #logo p { 	margin-top: -4px; 	text-transform: lowercase; 	font-size: 13px; 	color: #238EC6; }  #logo h1 { 	font-size: 48px; }  #logo a { 	text-decoration: none; 	color: #238EC6; }  #logo h1 a { 	text-decoration: none; 	color: #FFFFFF; }   #banner { 	padding-bottom: 20px; }  /* Content */  #content { 	float: left; 	width: 610px; }  /* Post */  .post { 	margin-bottom: 45px; }  .post .title { 	height: 44px; }  .post .title a { 	text-decoration: none; 	text-transform: capitalize; 	font-size: 30px; 	color: #238EC6; }  .post .date { }  .post .meta { 	height: 32px; 	margin-top: -10px; 	margin-left: 2px; 	padding: 4px 30px 2px 0px; 	font-family: Arial, Helvetica, sans-serif; 	font-weight: normal; 	font-size: 10px; 	color: #66665E; }  .post .meta span { 	display: block; 	margin-top: -10px; }  .post .meta a { }  .post .entry { 	border-top: 1px solid #E0E0E0; 	padding: 10px 0px; }  .post .links { 	background: #90BF35; 	border: 1px solid #5F817E; }  .post .links { 	display: block; 	width: 120px; 	height: 18px; 	margin: 0px 0px 4px 0px;  	padding: 3px 0px 0px 40px; 	text-decoration: none; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px; 	text-decoration: none; 	font-weight: bold; 	color: #FFFFFF; }  .post .comments { 	display: block; 	width: 120px; 	height: 18px; 	margin: 0px;  	padding: 3px 0px 0px 40px; 	background: #90BF35; 	border: 1px solid #5F817E; 	text-decoration: none; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 11px; 	text-decoration: none; 	font-weight: bold; 	color: #FFFFFF; }  /* Sidebar */  #sidebar { 	float: right; 	width: 240px; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; }  #sidebar ul { 	margin: 0; 	padding: 0; 	list-style: none; 	line-height: normal; }  #sidebar li { 	margin-bottom: 30px; 	padding: 0 0 10px 0px; }  #sidebar li ul { 	margin: 0px 0px; }  #sidebar li li { 	margin: 0; 	padding: 10px 0px; 	background: url(http://www.freecsstemplates.org/previews/opposed/images/img03.gif) no-repeat left 16px; 	border-bottom: 1px solid #E0E0E0; }  #sidebar li li a { 	padding: 0px 0px 0px 20px; 	font-weight: normal; }  #sidebar li li a:hover { 	color: #666666; }  #sidebar p { 	margin: 0; 	padding: 0px 14px; }  #sidebar h2 { 	height: 30px; 	margin: 0 0 10px 0px; 	padding: 6px 0 2px 0px; 	text-transform: capitalize; 	font-size: 18px; 	font-weight: normal; 	color: #D24275; }   #sidebar p { 	line-height: 200%; }  #sidebar a { 	text-align: left; 	text-decoration: none; 	font-weight: bold; 	color: #666666; }  /* Calendar */  #calendar { }  #calendar caption { 	padding-bottom: 5px; 	font-weight: bold; }  #calendar table { 	width: 100%; 	border-collapse: collapse; 	border-bottom: 1px solid #24130F; 	border-left: 1px solid #24130F; 	border-right: 1px solid #24130F; }  #calendar thead th { 	padding: 5px 0; 	text-align: center; 	border-top: 1px solid #24130F; 	border-left: 1px solid #24130F; 	background: #24130F; }  #calendar tbody td { 	padding: 5px 0; 	text-align: center; 	border-top: 1px solid #24130F; 	border-left: 1px solid #24130F; 	border-bottom: 1px solid #24130F; }  #calendar tfoot td { 	padding: 5px; 	border-left: 1px solid #24130F; 	border-bottom: 1px solid #24130F; }  #calendar tfoot #next { 	border-top: 1px solid #24130F; 	text-align: right; }  #calendar tfoot #prev { 	border-top: 1px solid #24130F; }  #calendar .pad { 	border-bottom: 1px solid #24130F; }  #calendar #today { 	background: #24130F; }  /* Footer */  #footer { 	width: 960px; 	height: 100px; 	margin: 0 auto; 	padding: 0; 	border-top: 1px solid #E0E0E0; }  #footer-bgcontent { }  #footer p { 	margin: 0; 	padding: 30px 0px 0px 0px; 	text-align: center; 	line-height: normal; 	text-transform: uppercase; 	font-size: 10px; }  #footer a { }

Dost Siteler;

Bedava-Sitem Forum Konularim;

Opposed Tasarımı