free templateyi siteme uygulamak

http://test.qualitywordpress.com/?preview_theme=green-sleek adresindeki free templateyi siteme nasıl uygularım...Tasarım üstü-tasarım altı ve css kodu kısmını nasıl ayıracağım...
Yardımcı olursanız sevinirim

resimlerinde gözükmesini istiyorum....

/*
Theme Name: Green Sleek
Theme URI: http://test.qualitywordpress.com/?preview_theme=green-sleek
Description: Green Sleek is a general theme template best for general sites, news sites, canadian websites, person blogs and more!
Version: 1.0
Author: qualitywordpress
Author URI: http://qualitywordpress.com
*/



/* General */
* {
margin: 0;
padding: 0;
}


body {
margin: 0;
background: url("images/bg.jpg");
}

h1, h2, h3, h4 {
margin: 0;
}

img {
border: 0;
}

.clear {
clear: both;
height: 0;
overflow: hidden;
}


/* Page */

#page {
margin: 0 auto;
width: 907px;
}


/* Header */

#header {
width: 907px;
height: 209px;
background: url("images/header.jpg") no-repeat;
position: relative;
}

/* Header - Info */

#header #header-info {
position: absolute;
top: 85px;
left: 140px;
}

#header #header-info h1 {
color: #ffffff;
font: normal 26px Georgia;
padding-bottom: 5px;
}

#header #header-info h1 a {
color: #ffffff;
text-decoration: none;
}

#header #header-info .description {
color: #ffffff;
font: normal 11px Georgia;
}

/* Header - Menu */

#header #header-menu {
position: absolute;
top: 8px;
left: 6px;
height: 34px;
}

#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 34px;
}

#header #header-menu ul li {
float: left;
height: 32px;
margin-right: 11px;
font: bold 12px/32px Georgia;
color: #cccccc;
background: url("images/header_menu.gif") repeat-x;
border: 0px solid #cccccc;
padding: 0 30px;
}

#header #header-menu ul li a {
color: #cccccc;
text-decoration: none;
}

#header #header-menu ul li a:hover {
text-decoration: underline;
}

#header #header-menu ul li ul {
display: none;
}

/* Header - Feed */

#header #header-feed {
position: absolute;
top: 160px;
left: 710px;
width: 40px;
height: 40px;
}


/* Main */

#main {
width: 907px;
background: #262626 url("images/main.gif") repeat-y;
}

#main-top {
width: 907px;
background: url("images/main_top.gif") no-repeat;
}

#main-bottom {
width: 907px;
min-height: 50px;
background: url("images/main_bottom.gif") no-repeat left bottom;
}

/* Main - Content */

#content {
float: right;
width: 517px;
margin-right:8px;
overflow:hidden;
display:inline
}

/* Main - Content - Post */

#content .post {
float: left;
margin-bottom: 25px;
width: 485px;
}

/* Post - Date */

#content .post .post-date {
background: url("images/post_date.gif") no-repeat;
width: 169px;
height: 44px;
color: #ffffff;
text-align: center;
font: bold 10px/65px Georgia;
overflow:hidden;
}

/* Post - Title */

#content .post .post-title {
width: 495px;
height: 65px;
border: 0px solid #FFFFFF;
background: url("images/post_title.gif") repeat-x;
color: #000000;
font: bold 10px Georgia;
padding: 0 15px;
}

#content .post .post-title a {
color: #000000;
text-decoration: none;
}

#content .post .post-title a:hover {
text-decoration: underline;
}

#content .post .post-title h2 {
color: #ffffff;
font: bold 15px/45px Georgia;
float: left;
}

#content .post .post-title h2 a {
color: #ffffff;
text-decoration: none;
}

#content .post .post-title h2 a:hover {
text-decoration: underline;
}

#content .post .post-title .post-title-info {
float: left;
line-height: 45px;
}

/* Post - Entry */

#content .post .post-entry {
font: normal 11px/18px Georgia;
color: #000000;
padding: 0 15px;
width: 475px;
background: #FFFFFF;
float: left;
}

#content .post .post-entry a {
color: #000000;
text-decoration: none;
}

#content .post .post-entry a:hover {
text-decoration: underline;
}

#content .post .post-entry .more-link {
font: bold 11px/20px Georgia;
color: #000000;
float: right;
padding-bottom: 5px;
}

#content .post .post-entry .more-link a {
color: #000000;
text-decoration: none;
}

#content .post .post-entry .more-link a:hover {
text-decoration: underline;
}

/* Post - Info */

#content .post .post-info {
padding: 0 10px 0 0;
width: 485px;
clear: both;
font: bold 10px/19px Georgia;
color: #000000;
background: url("images/post_info.gif") no-repeat;
text-align: right;
}

#content .post .post-info a {
color: #000000;
text-decoration: none;
}

#content .post .post-info a:hover {
text-decoration: underline;
}

/* Post - Comments */

#content .post .post-entry h3 {
color: #000000;
font: bold 14px Georgia;
margin: 25px 0 5px 0;
}

#content .post .post-entry .comments {
font: normal 11px/18px Georgia;
color: #000000;
width: 465px;
}

#content .post .post-entry .comments a {
color: #000000;
text-decoration: none;
}

#content .post .post-entry .comments a:hover {
text-decoration: underline;
}

#content .post .post-entry .comments ol {
margin: 10px 0 10px 0;
padding-left: 25px;
}

#content .post .comments ol li {
padding: 5px;
}

#content .post .post-entry .comments ol li.alt {
background: #cccccc;
}

#content .post .post-entry .comments ol li cite {
color: #000000;
font-style: normal;
font-weight: bold;
}

#content .post .post-entry .comments ol li cite a {
color: #000000;
text-decoration: none;
}

#content .post .post-entry .comments ol li cite a:hover {
text-decoration: underline;
}

#content .post .post-entry .comments ol li .commentmetadata a {
color: #000000;
text-decoration: none;
}

#content .post .post-entry .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}

#content .post .post-entry #commentform {
font: normal 11px/18px Georgia;
color: #FFFFFF;
width: 450px;
padding-left: 15px;
margin: 0;
}

#content .post .post-entry #commentform a {
color: #000000;
text-decoration: none;
}

#content .post .post-entry #commentform a:hover {
text-decoration: underline;
}

/* Main - Content - Navigation */

#content .navigation {
font: bold 11px/25px Georgia;
color: #000000;
width: 495px;
height: 25px;
float: left;
margin-bottom: 25px;
}

#content .navigation a {
color: #000000;
text-decoration: none;
}

#content .navigation a:hover {
text-decoration: underline;
}

#content .navigation .navigation-previous {
float: left;
}

#content .navigation .navigation-next {
float: right;
}

/* Main - Sidebar */

.sidebar {
float: left;
width: 170px;
font: normal 11px/18px Georgia;
color: #DBDBDB;
display:inline;
}

.sidebar a {
color: #DBDBDB;
text-decoration: none;
}

.sidebar a:hover {
text-decoration: underline;
}

/* Sidebar - Sides */

.sidebar-left {
padding: 12px 3px 15px 16px;
display:inline;
}

.sidebar-right {
padding: 12px 0 15px 3px;
display:inline;
}

/* Sidebar - Titles */

.sidebar h3 {
padding-left: 10px;
font: bold 12px/26px Georgia;
color: #ffffff;
width: 159px;
height: 26px;
background: url("images/sidebar_title.gif") repeat-x;
}

/* Sidebar - Menus */

.sidebar ul {
margin: 5px 0 8px 0;
padding: 0;
list-style-type: none;
}

.sidebar ul li {
padding-left: 11px;
color: #DBDBDB;
font: 10px/25px Georgia;
background: url("images/sidebar_menu.gif") repeat-x;
}

.sidebar ul li a {
color: #DBDBDB;
text-decoration: none;
}

.sidebar ul li a:hover {
text-decoration: underline;
}

/* Sidebar - Submenus */

.sidebar ul li ul {
margin: 0;
padding: 0;
}

/* Sidebar - Forms */

.sidebar #searchform {
margin: 0;
padding: 5px 0 8px 0;
width: 170px;
text-align: center;
}

.sidebar #searchform #s {
width: 140px;
}

/* Sidebar - Tables */

.sidebar #calendar_wrap {
margin: 0 auto;
padding: 5px 0 8px 0;
width: 130px;
}

.sidebar #calendar_wrap caption {
font-weight: bold;
}

.sidebar #calendar_wrap tbody {
text-align: right;
}

.sidebar #calendar_wrap tfoot #next {
text-align: right;
}

.sidebar #calendar_wrap #today {
font-weight: bold;
}

/* Sidebar - Texts */

.sidebar .textwidget {
padding: 5px 4px 8px 4px;
}

/* Sidebar - Feed */

.sidebar #sidebar-feed {
margin: 5px auto 8px auto;
width: 160px;
height: 60px;
}


/* Footer */

#footer {
width: 907px;
height: 83px;
background: #ffffff;
color: #000000;
font: 10px/20px Georgia;
text-align: center;
}

#footer a {
color: #000000;
text-decoration: underline;
}

#footer a:hover {
text-decoration: underline;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Theme Name </title>

<meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://test.qualitywordpress.com/wp-content/themes/green-sleek/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Theme Name RSS Feed" href="http://test.qualitywordpress.com/?feed=rss2" />
<link rel="pingback" href="http://test.qualitywordpress.com/xmlrpc.php" />

<link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/green-sleek/style.css" />

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="http://test.qualitywordpress.com/wp-content/themes/green-sleek/style_ie.css" />
<![endif]-->

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://test.qualitywordpress.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://test.qualitywordpress.com/wp-includes/wlwmanifest.xml" /> </head>

<body>

<!-- Page -->
<div id="page">

<!-- Header -->
<div id="header">

<!-- Title -->
<div id="header-info">
<h1><a href="http://test.qualitywordpress.com/">Theme Name</a></h1>
<div class="description">Wordpress Theme</div>
</div>
<!-- /Title -->

<!-- Feed -->
<div id="header-feed">
<a href="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/green-sleek/images/blank.gif" alt="RSS Feed" width="40" height="40" /></a>
</div>
<!-- /Feed -->




<!-- Menu -->
<div id="header-menu">
<ul>
<li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li>
<li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li>
</ul>
</div>
<!-- /Menu -->

</div>




<!-- /Header -->

<!-- Main -->
<div id="main"><div id="main-top"><div id="main-bottom">
<!-- Sidebar -->
<div class="sidebar sidebar-left">




<h3>Blog Roll</h3>
<ul>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
</ul>

<div class="textwidget"></div>


<h3>Advertisements</h3>
<div class="sidebar-ads">
<div class="sidebar-ads-in"><center><img src="http://test.qualitywordpress.com/wp-content/themes/green-sleek/images/banner.gif" alt="Banner" width="125" height="125" /><br /><br /><img src="http://test.qualitywordpress.com/wp-content/themes/green-sleek/images/banner.gif" alt="Banner" width="125" height="125" /></center></div>
<div class="clear"></div>
</div>
</div>
<!-- Sidebar --> <!-- Sidebar -->
<div class="sidebar sidebar-right">




<h3>Pages</h3>
<ul>
<li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li>
<li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li>
</ul>

<h3>Categories</h3>
<ul>
<li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art &amp; Design">Art &amp; Design</a>
</li>
<li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a>
</li>
<li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a>
</li>
<li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a>
</li>
<li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>

<h3>Archives</h3>
<ul>
<li><a href='http://test.qualitywordpress.com/?m=200810' title='October 2008'>October 2008</a></li>
<li><a href='http://test.qualitywordpress.com/?m=200809' title='September 2008'>September 2008</a></li>
<li><a href='http://test.qualitywordpress.com/?m=200808' title='August 2008'>August 2008</a></li>
<li><a href='http://test.qualitywordpress.com/?m=200806' title='June 2008'>June 2008</a></li>
<li><a href='http://test.qualitywordpress.com/?m=200805' title='May 2008'>May 2008</a></li>
</ul>



</div>
<!-- Sidebar -->
<!-- Content -->
<div id="content">

<!-- Post -->
<div class="post" id="post-15">
<div class="post-date">October 11, 2008</div><div class="post-title">
<h2><a href="http://test.qualitywordpress.com/?p=15" rel="bookmark" title="Permanent Link to Success with Quality Themes">Success with Quality Themes</a></h2><br /><br /><br /><br /><br /><br />
<div class="post-title-info"><img src="http://test.qualitywordpress.com/wp-content/themes/green-sleek/images/ico1.jpg" alt="ico" width="20" height="14">Posted by: &nbsp;: &nbsp;Category: <a href="http://test.qualitywordpress.com/?cat=5" title="View all posts in Business" rel="category">Business</a>, <a href="http://test.qualitywordpress.com/?cat=6" title="View all posts in Online" rel="category">Online</a></div>
<div class="clear"></div>
</div>
<div class="post-entry">
<p><img src="http://i34.tinypic.com/280tzj6.jpg" align="left"> Gain success time after time with our quality wordpress themes, used in many blogs. Hundreds of visitors are exposed to our blog designs along with downloading them for their own usage. </p>
<p>Make most of your budget with our quality wordpress themes that are better than average quality and great for many wordpress users.</p>
</div>
<div class="post-info">
<a href="http://test.qualitywordpress.com/?p=15#respond" title="Comment on Success with Quality Themes">Comments (0)</a> &nbsp;: &nbsp;<a href="http://test.qualitywordpress.com/?p=15#respond">Add Comment</a>
</div>
</div>
<!-- /Post -->
<!-- Post -->
<div class="post" id="post-14">
<div class="post-date">September 01, 2008</div><div class="post-title">
<h2><a href="http://test.qualitywordpress.com/?p=14" rel="bookmark" title="Permanent Link to Make Money Blogging">Make Money Blogging</a></h2><br /><br /><br /><br /><br /><br />
<div class="post-title-info"><img src="http://test.qualitywordpress.com/wp-content/themes/green-sleek/images/ico1.jpg" alt="ico" width="20" height="14">Posted by: &nbsp;: &nbsp;Category: <a href="http://test.qualitywordpress.com/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a></div>
<div class="clear"></div>
</div>
<div class="post-entry">
<p><a href="http://tinyurl.com/64mfxs"><img src="http://tinyurl.com/yujdqb" alt="" border="0" align="left"></a>Payperpost is a great program for earning money online. You can earn money simply through registering your blog into the program and blogging for sponsored posts. You can make anywhere from $5 - $100 per post depending on the PR of your blog!</p>
</div>
<div class="post-info">
<a href="http://test.qualitywordpress.com/?p=14#respond" title="Comment on Make Money Blogging">Comments (0)</a> &nbsp;: &nbsp;<a href="http://test.qualitywordpress.com/?p=14#respond">Add Comment</a>
</div>
</div>
<!-- /Post -->
<!-- Post -->
<div class="post" id="post-13">
<div class="post-date">August 27, 2008</div><div class="post-title">
<h2><a href="http://test.qualitywordpress.com/?p=13" rel="bookmark" title="Permanent Link to Picture in Post">Picture in Post</a></h2><br /><br /><br /><br /><br /><br />
<div class="post-title-info"><img src="http://test.qualitywordpress.com/wp-content/themes/green-sleek/images/ico1.jpg" alt="ico" width="20" height="14">Posted by: &nbsp;: &nbsp;Category: <a href="http://test.qualitywordpress.com/?cat=3" title="View all posts in Art &amp; Design" rel="category">Art &amp; Design</a>, <a href="http://test.qualitywordpress.com/?cat=5" title="View all posts in Business" rel="category">Business</a></div>
<div class="clear"></div>
</div>
<div class="post-entry">
<p><img src="http://i35.tinypic.com/2iikd4m.gif" align="right" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean at massa. Curabitur fringilla, enim eget commodo semper, dui orci malesuada enim, eget consectetuer arcu orci congue elit. Nulla vitae sapien. Quisque dui.</p>
<p>Quisque ac felis nec lacus pretium convallis. Sed dictum, sapien a ornare porttitor, erat eros mollis risus, vel rhoncus metus nunc a lectus. Curabitur ornare. Praesent mi ante, dictum ac, varius nec, aliquet vel, nisl. Nulla facilisi. Suspendisse hendrerit quam nec justo.</p>
</div>
<div class="post-info">
<a href="http://test.qualitywordpress.com/?p=13#respond" title="Comment on Picture in Post">Comments (0)</a> &nbsp;: &nbsp;<a href="http://test.qualitywordpress.com/?p=13#respond">Add Comment</a>
</div>
</div>
<!-- /Post -->
<!-- Post -->
<div class="post" id="post-8">
<div class="post-date">June 01, 2008</div><div class="post-title">
<h2><a href="http://test.qualitywordpress.com/?p=8" rel="bookmark" title="Permanent Link to Longer Post">Longer Post</a></h2><br /><br /><br /><br /><br /><br />
<div class="post-title-info"><img src="http://test.qualitywordpress.com/wp-content/themes/green-sleek/images/ico1.jpg" alt="ico" width="20" height="14">Posted by: &nbsp;: &nbsp;Category: <a href="http://test.qualitywordpress.com/?cat=5" title="View all posts in Business" rel="category">Business</a>, <a href="http://test.qualitywordpress.com/?cat=4" title="View all posts in Marketing" rel="category">Marketing</a>, <a href="http://test.qualitywordpress.com/?cat=6" title="View all posts in Online" rel="category">Online</a></div>
<div class="clear"></div>
</div>
<div class="post-entry">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus pretium. Integer bibendum dapibus mi. Donec nibh eros, consequat a, pretium eu, molestie ac, ante. Sed m</p>
<blockquote><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus pretium. Integer bibendum dapibus mi. Donec nibh eros, consequat a, pretium eu, molestie ac, ante. Sed molestie, turpis</p></blockquote>
<p><strong>This is a list:</strong></p>
<ul>
<li>Test 1</li>
<li>Test 2</li>
<li>Test 3</li>
</ul>
<p>Another Paragraph over this: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus pretium. Integer bibendum dapibus mi. Donec nibh eros, consequat a, pretium eu, molestie ac, ante. Sed molestie, turpis nec imperdiet ullamcorper, massa lorem consequat nisl, in dictum nulla arcu ac est. Class aptent taciti sociosqu ad litora torquent per conubia nostra,</p>
</div>
<div class="post-info">
<a href="http://test.qualitywordpress.com/?p=8#comments" title="Comment on Longer Post">Comment (1)</a> &nbsp;: &nbsp;<a href="http://test.qualitywordpress.com/?p=8#respond">Add Comment</a>
</div>
</div>
<!-- /Post -->
<!-- Post -->
<div class="post" id="post-1">
<div class="post-date">May 01, 2008</div><div class="post-title">
<h2><a href="http://test.qualitywordpress.com/?p=1" rel="bookmark" title="Permanent Link to Hello world!">Hello world!</a></h2><br /><br /><br /><br /><br /><br />
<div class="post-title-info"><img src="http://test.qualitywordpress.com/wp-content/themes/green-sleek/images/ico1.jpg" alt="ico" width="20" height="14">Posted by: &nbsp;: &nbsp;Category: <a href="http://test.qualitywordpress.com/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a></div>
<div class="clear"></div>
</div>
<div class="post-entry">
<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
</div>
<div class="post-info">
<a href="http://test.qualitywordpress.com/?p=1#comments" title="Comment on Hello world!">Comment (1)</a> &nbsp;: &nbsp;<a href="http://test.qualitywordpress.com/?p=1#respond">Add Comment</a>
</div>
</div>
<!-- /Post -->
<!-- Navigation -->
<div class="navigation">
<div class="navigation-previous"></div>
<div class="navigation-next"></div>
</div>
<!-- /Navigation -->

<div class="clear"></div>

</div>
<!-- /Content -->


<div class="clear"></div>

</div></div></div>
<!-- /Main -->

<!-- Footer -->
<div id="footer">
(c)Copyrighted <a href="http://test.qualitywordpress.com/">Theme Name</a>, All Rights Reserved<br />Created by <a href="http://www.gorgeouscondos.com/">Toronto Condos</a></div>
<!-- Footer -->

</div>
<!-- /Page -->


</body>

</html>

Merhaba.

Öncelikle konu başlıklarınız konuyla ilgili olmalı.

inceleyiniz.
http://www.bedava-sitem.com/forum/viewtopic.php?t=25694

İyi eğlenceler.
______________
Ne insanların insanlığına inanabildim,
ne de hayvanların insanlar kadar hayvanlaştığına... (Sokrates Mert)