bedava sitem css blog temasi

CSS Blog Temasi

Gayet hoş ve sorunsuz bir şekilde sitenize uygulayabileceğiniz bir blog teması olup kolay bir css sistemine de sahiptir

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 3.0 License

Name       : Definitive
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20120805
--> <html xmlns="http://www.w3.org/1999/xhtml"> 	<head> 		<FCK:meta http-equiv="content-type" content="text/html; charset=utf-8"  /> 		<FCK:meta name="description" content=""  /> 		<FCK:meta name="keywords" content=""  /> 		<title>Definitive by Free CSS Templates</title> 		<link href="http://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css" /> 		<link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css" /> 		<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" /> 		<link rel="stylesheet" type="text/css" href="style.css" /> 	</head> 	<body> 		<div id="wrapper"> 			<div id="header"> 				<div id="logo"> 					<h1><a href="#" _fcksavedurl="#">Definitive</a></h1> 				</div> 				<div id="menu"> 					<ul> 						<li class="first current_page_item"><a href="#" _fcksavedurl="#">Homepage</a></li> 						<li><a href="#" _fcksavedurl="#">Blog</a></li> 						<li><a href="#" _fcksavedurl="#">Photos</a></li> 						<li><a href="#" _fcksavedurl="#">About</a></li> 						<li><a href="#" _fcksavedurl="#">Links</a></li> 						<li class="last"><a href="#" _fcksavedurl="#">Contact</a></li> 					</ul> 					<br class="clearfix" /> 				</div> 			</div> 			<div id="page">

Tasarımın Altı

<div id="sidebar"> 					<div class="box"> 						<h3>Convallis et tortor</h3> 						<div class="date-list"> 							<ul class="list date-list"> 								<li class="first"><span class="date">6/05</span> <a href="#" _fcksavedurl="#">Hendrerit dolor integer</a></li> 								<li><span class="date">6/01</span> <a href="#" _fcksavedurl="#">Enim magna vulputate</a></li> 								<li><span class="date">5/28</span> <a href="#" _fcksavedurl="#">Proin tempus et feugiat</a></li> 								<li><span class="date">5/25</span> <a href="#" _fcksavedurl="#">Curabitur lore mpurus</a></li> 								<li class="last"><span class="date">5/24</span> <a href="#" _fcksavedurl="#">Parturient nascetur</a></li> 							</ul> 						</div> 					</div> 					<div class="box"> 						<h3>Magna lorem ipsum</h3> 						<p> 							Etiam vulputate egestas orci. Cursus mollis eleifend curae ultrices risus orci cursus blandit tempus veroeros. 						</p> 						<ul class="list"> 							<li class="first"><a href="#" _fcksavedurl="#">Odio mattis amet mollis</a></li> 							<li><a href="#" _fcksavedurl="#">Ultrices augue pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Porta facilisis ornare</a></li> 							<li><a href="#" _fcksavedurl="#">Malesuada sapien fusce rhoncus</a></li> 							<li><a href="#" _fcksavedurl="#">Ultrices augue pellentesque</a></li> 							<li><a href="#" _fcksavedurl="#">Porta facilisis ornare</a></li> 							<li><a href="#" _fcksavedurl="#">Malesuada sapien fusce rhoncus</a></li> 							<li class="last"><a href="#" _fcksavedurl="#">Natoque interdum pharetra</a></li> 						</ul> 					</div> 				</div> 				<br class="clearfix" /> 			</div> 			<div id="page-bottom"> 				<div id="page-bottom-content"> 					<h3>Scelerisque feugiat scelerisque molestie</h3> 					<p> 						Mauris semper venenatis laoreet aliquet iaculis in massa. Dictum massa risus nisl. Euismod natoque  						malesuada dictum egestas dui ultricies. Consequat venenatis ultricies sollicitudin. Ultricies consectetur  						non laoreet urna. Sodales vitae ultrices duis luctus velit. Velit pulvinar viverra natoque phasellus.  						Consequat curae lorem gravida ligula. Fusce imperdiet feugiat neque eu diam consequat venenatis ultricies  						sollicitudin ultricies consectetur lorem ipsum dolore phasellus consequat veroeros lorem ipsum. 					</p> 				</div> 				<div id="page-bottom-sidebar"> 					<h3>Montes nec ridiculus</h3> 					<p> 						Pulvinar mus fusce ornare ridiculus. Nisi curae quis felis cum felis viverra. 					</p> 					<ul class="list"> 						<li class="first"><a href="#" _fcksavedurl="#">Cubilia veroeros tempus</a></li> 						<li><a href="#" _fcksavedurl="#">Mauris enim dolore duis etiam</a></li> 						<li class="last"><a href="#" _fcksavedurl="#">Nisi magna nibh sed faucibus</a></li> 					</ul> 				</div> 				<br class="clearfix" /> 			</div> 		</div> 		<div id="footer"> 			© 2012 Untitled | Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">FCT</a> | Images by <a href="http://fotogrph.com/" _fcksavedurl="http://fotogrph.com/">Fotogrph</a> 		</div> 	</body> </html>

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 3.0 License  Name       : Definitive Description: A two-column, fixed-width design with dark color scheme. Version    : 1.0 Released   : 20120805 */  * { 	padding: 0; 	margin: 0; }  a { 	color: #EFF0EF; 	text-decoration: underline; }  a:hover { 	text-decoration: none; }  body { 	font-size: 12.5pt; 	line-height: 1.75em; 	color: #EFF0EF; 	background: #969E94; 	text-shadow: 1px 1px 0px rgba(0,0,0,0.3); }  body,input { 	font-family: Ubuntu, sans-serif; }  br.clearfix { 	clear: both; }  h1,h2,h3,h4 { 	font-weight: normal; }  h2 { 	font-size: 1.75em; }  h2,h3,h4 { 	color: #FFF; 	margin-bottom: 1em; 	font-family: Abel, sans-serif; }  h3 { 	font-size: 1.5em; }  h4 { 	font-size: 1.25em; }  img.alignleft { 	float: left; 	margin: 5px 20px 20px 0; }  img.aligntop { 	margin: 5px 0 20px 0; }  p { 	margin-bottom: 1.5em; }  ul { 	margin-bottom: 1.5em; }  ul h4 { 	margin-bottom: 0.35em; }  .box { 	margin: 0 0 45px 0; }  #content { 	padding: 35px; 	background: #FFF; 	float: left; 	color: #262626; 	width: 515px; 	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); 	text-shadow: none; }  #content a { 	color: #262626; }  #content h2, #content h3, #content h4 { 	color: #0F0F0F; }  #footer { 	padding: 0 0 95px 0; 	text-align: center; 	color: #CCD1CA; }  #footer a { 	color: #CCD1CA; }  #header { 	height: 110px; 	padding: 35px; 	position: relative; }  #logo { 	position: absolute; 	height: 110px; 	line-height: 110px; 	top: 35px; 	left: 35px; }  #logo a { 	color: #FFF; 	text-decoration: none; }  #logo h1 { 	font-size: 3.25em; 	font-family: Lobster, script; }  #menu { 	top: 66px; 	line-height: 64px; 	right: 35px; 	height: 64px; 	position: absolute; 	padding: 0 15px 0 15px; 	font-family: Abel, sans-serif; 	background: rgba(0,0,0,0.05); 	box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.1), 1px 1px 3px 0px rgba(255,255,255,0.1); }  #menu a { 	color: #EFF0EF; 	text-decoration: none; 	font-size: 1.25em; }  #menu ul { 	list-style: none; 	padding: 0 15px 0 15px; }  #menu ul li { 	display: inline; 	padding: 0 10px 0 10px; }  #page { 	margin: 25px 0 0 0; 	padding: 0; 	width: 980px; 	position: relative; }  #page .section-list { 	list-style: none; 	padding-left: 0; }  #page .section-list li { 	padding: 20px 0 20px 0; 	clear: both; }  #page ul { 	list-style: none; }  #page ul li { 	padding: 10px 0 10px 0; 	border-top: dotted 1px #D6D6D6; }  #page ul li.first { 	border-top: 0; 	padding-top: 0; }  #page-bottom { 	position: relative; 	width: 910px; 	padding: 50px 35px 20px 35px; }  #page-bottom ul { 	list-style: none; }  #page-bottom ul li { 	padding: 10px 0 10px 0; 	border-top: dotted 1px #A7AEA5; }  #page-bottom ul li.first { 	padding-top: 0; 	border-top: 0; }  #page-bottom-content { 	width: 515px; 	float: left; }  #page-bottom-sidebar { 	width: 300px; 	margin: 0 0 0 610px; }  #col1 { 	overflow: hidden; 	width: 240px; 	float: left; }  #col2 { 	width: 240px; 	overflow: hidden; 	margin: 0 0 0 275px; }  #search input.form-submit { 	padding: 5px; 	background: #D555FC; 	border: 0; 	font-family: Abel, sans-serif; 	margin-left: 1em; 	color: #000; }  #search input.form-text { 	padding: 5px; 	border: dotted 1px #A7AEA5; }  #sidebar { 	width: 300px; 	padding: 0 35px 0 35px; 	margin: 0 0 0 610px; }  #sidebar ul { 	list-style: none; }  #sidebar ul li { 	border-top: dotted 1px #A7AEA5; 	padding: 10px 0 10px 0; }  #sidebar ul li.first { 	padding-top: 0; 	border-top: 0; }  #sidebar h3 { 	background: rgba(0,0,0,0.05); 	box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.1), 1px 1px 3px 0px rgba(255,255,255,0.1); 	padding: 13px 15px 10px 15px; 	position: relative; 	left: -15px; }  #wrapper { 	position: relative; 	margin: 0 auto 0 auto; 	width: 980px; }

webodam

bedava sitem css blog temasi

CSS Blog Temasi

Tasarımın Üstü

Tasarımın Altı

Css Kısmı