4
●510
<!DOCTYPE html>
<html>
<head>
<title>MS Wordpress Temasi </title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta charset="utf-8">
<style type="text/css">
body,td,th {
color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
font-size: 20px;
}
</style>
</head>
<body>
<header>
<div id="header-bg">
<div id="logo"><a href=""><img src="images/logo.png" alt="logo" title="logo"/></a></div>
<div id="sayfalar">
<p>Home About Contact </p>
</div>
</div>
<div class="temizle">
<p> </p>
</div>
</header>
<div id="tum">
<section>
<article>
<h2><a href="index.html">Template Info</a></h2>
<p class="post-bilgi">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
<div class="yazikapsam">
<a href=""><img src="images/konuresmi.png" alt="" title="" width="610" height="235" /></a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus </p>
<div class="temizle"></div>
<div id="postmeta">
<p class="postmeta">
<a href="index.html" class="etiket">Etiket</a>
<a href="index.html" class="readmore">Read more</a>
</p>
</div>
</div>
</article>
<article>
<h2><a href="index.html">Template Info</a></h2>
<p class="post-bilgi">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
<div class="yazikapsam">
<a href=""><img src="images/konuresmi.png" alt="" title="" width="610" height="235" /></a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus </p>
<div class="temizle"></div>
<div id="postmeta">
<p class="postmeta">
<a href="index.html" class="etiket">Etiket</a>
<a href="index.html" class="readmore">Read more</a>
</p>
</div>
</div>
</article>
<article>
<h2><a href="index.html">Template Info</a></h2>
<p class="post-bilgi">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
<div class="yazikapsam">
<a href=""><img src="images/konuresmi.png" alt="" title="" width="610" height="235" /></a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus </p>
<div class="temizle"></div>
<div id="postmeta">
<p class="postmeta">
<a href="index.html" class="etiket">Etiket</a>
<a href="index.html" class="readmore">Read more</a>
</p>
</div>
</div>
</article>
<article>
<h2><a href="index.html">Template Info</a></h2>
<p class="post-bilgi">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
<div class="yazikapsam">
<a href=""><img src="images/konuresmi.png" alt="" title="" width="610" height="235" /></a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus </p>
<div class="temizle"></div>
<div id="postmeta">
<p class="postmeta">
<a href="index.html" class="etiket">Etiket</a>
<a href="index.html" class="readmore">Read more</a>
</p>
</div>
</div>
</article>
</section>
<div id="sidebar">
<div class="sidebaralan">
<h3>Template Info</h3>
</div>
<div class="temizle"></div>
</div>
</div><!-- tum alan bitis -->
</body>
</html>/*
Theme Name: Ms
Theme URI: http://birgunbelkihayattan.com
Description: Ms Wordpress blog temasi
Version: 1.0
Author: Mustafa AYDIN
Author URI: http://birgunbelkihayattan.com
Tags: ms, blog, magazin, thumb
*/
/* Genel özellikler */
body { font: 13px; 'Lucida Grande', Verdana, Helvetica, sans-serif;
color: #666666;
background-color:#FFFFFF;
text-align: left; }
body a:link, body a:visited{ text-decoration:none;}
body a:hover{ text-decoration:none;}
.temizle{clear:both;}
h1, h2, h3, h4 {
font: bold 1em/1.5em Georgia, 'Times New Roman', Times, serif;
color: #979797;
}
h1 { font-size: 3.7em; font-weight: normal; letter-spacing: -2px; }
h2 { font-size: 28px; font-weight: normal; color: #979797; line-height:2px; margin-bottom:25px; }
h3 { font-size: 2em; font-weight: normal; letter-spacing: -0.5px; padding-top: 15px}
h4 { font-size: 1.3em; }
a:link, a:visited {
text-decoration: none;
color: #f55000;
}
a:hover {
color:#f55000;
border-bottom: 1px dotted #f55000;
}
a.more-link {
padding-bottom: 2px;
font-weight: bold;
border-bottom: 1px dotted #f55000;
}
a:hover.more-link {
text-decoration: none;
}
/*Header*/
#header-bg { width:100%; height:110px; background-color:#191919; border-bottom:3px solid #C33;}
#logo {
float:left;
margin-left:105px;
color: #FFF;
}
$sayfalar {width:auto; height:25px; float:right; }
#sayfalar p {
text-align: right; margin-right:500px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:12px; padding-top:50px;
}
#tum {width:920px; height:auto; margin:0 auto; }
section { width:620px; }
article { width:618px; border-bottom:1px solid #999; }
.post-bilgi {
font-size: 12px;
padding-top: 3px;
color: #B0B0B0;
text-align: left;
line-height:2px;
}
.post-bilgi a, .post-bilgi a:visited { color: #000; border: none; }
.yazikapsam {width:618px; }
.yazikapsam img{ border:1px solid #CCC;}
.yazikapsam p{color:#000000; font-size:12px;}
.postmeta {
margin-bottom:44px;
}
.postmeta a { background: transparent; }
.postmeta a:hover { border: none; }
.postmeta a.etiket {background-color:#f55000; color:#fff; font-size:12px; border:6px solid #f55000; }
.postmeta a.readmore { float:right; background-color:#494748; color:#fff; font-size:12px; border:5px solid #494748; margin-bottom:3px;}
/* Sidebar */
#sidebar { width:200px; float:right;
margin-right: 0px; border:2px solid #300;
}
.sidebaralan {
} 
)