html kod - tr.gg - htmlkodlari - htlmkodes

TASARIM ÜSTÜ

<body>
<div id="container-lvl-1">
<div id="container-lvl-2">
<div id="navigation">
<ul>
<li class="page_item current_page_item"><a href="http://wordpress.blinger.org/" _fcksavedurl="http://wordpress.blinger.org/" title="Home">Anasayfa</a></li>
<li class="page_item page-item-2"><a href="http://wordpress.blinger.org/index.php/about/" _fcksavedurl="http://wordpress.blinger.org/index.php/about/" title="About">Sayfa Adı</a></li>
<li class="page_item page-item-3"><a href="http://wordpress.blinger.org/index.php/contact/" _fcksavedurl="http://wordpress.blinger.org/index.php/contact/" title="Contact">Sayfa Adı</a></li>
<li class="page_item page-item-4"><a href="http://wordpress.blinger.org/index.php/link-partners/" _fcksavedurl="http://wordpress.blinger.org/index.php/link-partners/" title="Link Partners">Sayfa Adı</a></li>
<li class="page_item page-item-8"><a href="http://wordpress.blinger.org/index.php/privacy-policy/" _fcksavedurl="http://wordpress.blinger.org/index.php/privacy-policy/" title="Privacy Policy">Sayfa Adı</a></li>
<li class="page_item page-item-8"><a href="http://wordpress.blinger.org/index.php/privacy-policy/" _fcksavedurl="http://wordpress.blinger.org/index.php/privacy-policy/" title="Privacy Policy">Sayfa Adı</a></li>
<li class="page_item page-item-8"><a href="http://wordpress.blinger.org/index.php/privacy-policy/" _fcksavedurl="http://wordpress.blinger.org/index.php/privacy-policy/" title="Privacy Policy">Sayfa Adııııııı</a></li>
</ul>
</div>
<div id="header">
<h1><a href="http://wordpress.blinger.org/" _fcksavedurl="http://wordpress.blinger.org/">Limitsiz-Paylasim </a></h1>
<span id="description">Tek Hedefimiz THY <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" /></span>
</div>
<div id="sub-nav">
<div id="plinks-rss">
<span class="rss-feed"><a href="http://wordpress.blinger.org/index.php/feed/" _fcksavedurl="http://wordpress.blinger.org/index.php/feed/"><span class="inv">RSS</span></a></span>
<span class="prev-entries"></span>
<span class="next-entries"></span>
</div>
<div id="search">
<form method="get" id="searchform" action="http://wordpress.blinger.org">
<div><input type="text" value="Search here..." name="s" id="s" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search%20here...')%20%7Bthis.value%20%3D%20''%3B%7D%22" onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Search%20here...'%3B%7D%22" />
<input type="submit" id="searchsubmit" value="" />
</div>
</form>         </div>
</div>      <div id="main-wrapper">
<div id="left">
<h2 id="post-2">webkodes.co.cc</h2>
<div class="entry">

Tasarım Altı

</div>
</div>
<div id="right">
<div id="categories-1" class="sdb-content widget_categories"><h3>Categories</h3>      <ul>
<li class="cat-item cat-item-11"><a href="http://wordpress.blinger.org/index.php/category/sample-category/" _fcksavedurl="http://wordpress.blinger.org/index.php/category/sample-category/" title="View all posts filed under Sample Category">Sample Category</a>
</li>
<li class="cat-item cat-item-15"><a href="http://wordpress.blinger.org/index.php/category/sample-category/sample-subcategory/" _fcksavedurl="http://wordpress.blinger.org/index.php/category/sample-category/sample-subcategory/" title="View all posts filed under Sample Subcategory">Sample Subcategory</a>
</li>
<li class="cat-item cat-item-1"><a href="http://wordpress.blinger.org/index.php/category/uncategorized/" _fcksavedurl="http://wordpress.blinger.org/index.php/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
</div>   <div id="pages" class="sdb-content widget_pages">      <h3>Pages</h3>      <ul>
<li class="page_item page-item-2 current_page_item"><a href="http://wordpress.blinger.org/index.php/about/" _fcksavedurl="http://wordpress.blinger.org/index.php/about/" title="About">About</a></li>
<li class="page_item page-item-3"><a href="http://wordpress.blinger.org/index.php/contact/" _fcksavedurl="http://wordpress.blinger.org/index.php/contact/" title="Contact">Contact</a></li>
<li class="page_item page-item-4"><a href="http://wordpress.blinger.org/index.php/link-partners/" _fcksavedurl="http://wordpress.blinger.org/index.php/link-partners/" title="Link Partners">Link Partners</a></li>
<li class="page_item page-item-8"><a href="http://wordpress.blinger.org/index.php/privacy-policy/" _fcksavedurl="http://wordpress.blinger.org/index.php/privacy-policy/" title="Privacy Policy">Privacy Policy</a></li>
</ul>
</div>      <div id="recent-posts" class="sdb-content widget_recent_entries">         <h3>Recent Posts</h3>         <ul>
<li><a href="http://wordpress.blinger.org/index.php/sample-category/sample-subcategory/lorem-ipsum-reloaded/" _fcksavedurl="http://wordpress.blinger.org/index.php/sample-category/sample-subcategory/lorem-ipsum-reloaded/">Lorem ipsum reloaded </a></li>
<li><a href="http://wordpress.blinger.org/index.php/sample-category/lorem-ipsum/" _fcksavedurl="http://wordpress.blinger.org/index.php/sample-category/lorem-ipsum/">Lorem ipsum </a></li>
<li><a href="http://wordpress.blinger.org/index.php/sample-category/sample-post/" _fcksavedurl="http://wordpress.blinger.org/index.php/sample-category/sample-post/">Sample Post </a></li>
<li><a href="http://wordpress.blinger.org/index.php/uncategorized/hello-world/" _fcksavedurl="http://wordpress.blinger.org/index.php/uncategorized/hello-world/">Hello world! </a></li>
</ul>
</div><div id="tag_cloud" class="sdb-content widget_tag_cloud"><h3> Tags</h3><a href='http://wordpress.blinger.org/index.php/tag/delete/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/delete/' class='tag-link-27' title='1 topic' rel="tag" style='font-size: 8pt;'>Delete</a>
<a href='http://wordpress.blinger.org/index.php/tag/first-post/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/first-post/' class='tag-link-3' title='1 topic' rel="tag" style='font-size: 8pt;'>First Post</a>
<a href='http://wordpress.blinger.org/index.php/tag/interlingua/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/interlingua/' class='tag-link-13' title='1 topic' rel="tag" style='font-size: 8pt;'>Interlingua</a>
<a href='http://wordpress.blinger.org/index.php/tag/lectus/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/lectus/' class='tag-link-21' title='1 topic' rel="tag" style='font-size: 8pt;'>Lectus</a>
<a href='http://wordpress.blinger.org/index.php/tag/leo/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/leo/' class='tag-link-25' title='1 topic' rel="tag" style='font-size: 8pt;'>Leo</a>
<a href='http://wordpress.blinger.org/index.php/tag/libero/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/libero/' class='tag-link-24' title='1 topic' rel="tag" style='font-size: 8pt;'>Libero</a>
<a href='http://wordpress.blinger.org/index.php/tag/lorem-ipsum/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/lorem-ipsum/' class='tag-link-14' title='2 topics' rel="tag" style='font-size: 22pt;'>Lorem ipsum</a>
<a href='http://wordpress.blinger.org/index.php/tag/nam/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/nam/' class='tag-link-26' title='1 topic' rel="tag" style='font-size: 8pt;'>Nam</a>
<a href='http://wordpress.blinger.org/index.php/tag/nunc/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/nunc/' class='tag-link-22' title='1 topic' rel="tag" style='font-size: 8pt;'>Nunc</a>
<a href='http://wordpress.blinger.org/index.php/tag/orci/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/orci/' class='tag-link-20' title='1 topic' rel="tag" style='font-size: 8pt;'>Orci</a>
<a href='http://wordpress.blinger.org/index.php/tag/pretium/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/pretium/' class='tag-link-18' title='1 topic' rel="tag" style='font-size: 8pt;'>Pretium</a>
<a href='http://wordpress.blinger.org/index.php/tag/reloaded/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/reloaded/' class='tag-link-16' title='1 topic' rel="tag" style='font-size: 8pt;'>reloaded</a>
<a href='http://wordpress.blinger.org/index.php/tag/sample-post/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/sample-post/' class='tag-link-12' title='2 topics' rel="tag" style='font-size: 22pt;'>Sample Post</a>
<a href='http://wordpress.blinger.org/index.php/tag/sit/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/sit/' class='tag-link-28' title='1 topic' rel="tag" style='font-size: 8pt;'>Sit</a>
<a href='http://wordpress.blinger.org/index.php/tag/urna/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/urna/' class='tag-link-23' title='1 topic' rel="tag" style='font-size: 8pt;'>Urna</a>
<a href='http://wordpress.blinger.org/index.php/tag/vivamus/' _fcksavedurl='http://wordpress.blinger.org/index.php/tag/vivamus/' class='tag-link-19' title='1 topic' rel="tag" style='font-size: 8pt;'>Vivamus</a></div>   <div class="sdb-content">
<h3>Calendar</h3>
<div class="center">
<table id="wp-calendar" summary="Calendar">
<caption>June 2009</caption>
<thead>
<tr>
<th abbr="Monday" scope="col" title="Monday">M</th>
<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
<th abbr="Thursday" scope="col" title="Thursday">T</th>
<th abbr="Friday" scope="col" title="Friday">F</th>
<th abbr="Saturday" scope="col" title="Saturday">S</th>
<th abbr="Sunday" scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="March" colspan="3" id="prev"><a href="http://wordpress.blinger.org/index.php/2008/03/" _fcksavedurl="http://wordpress.blinger.org/index.php/2008/03/" title="View posts for March 2008">« Mar</a></td>
<td class="pad"> </td>
<td colspan="3" id="next" class="pad"> </td>
</tr>
</tfoot>
<tbody>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td>
</tr>
<tr>
<td id="today">8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td>
</tr>
<tr>
<td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td>
</tr>
<tr>
<td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td>
</tr>
<tr>
<td>29</td><td>30</td>
<td class="pad" colspan="5"> </td>
</tr>
</tbody>
</table>      </div>
</div>
<div id="linkcat-2" class="sdb-content widget_links"><h3>Blogroll</h3>
<ul>
<li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li>
<li><a href="http://wordpresssupplies.com/" _fcksavedurl="http://wordpresssupplies.com/" title="Download Free Wordpress Themes and Plugins">Wordpress Themes</a></li>
<li><a href="http://greatwordpressthemes.com/" _fcksavedurl="http://greatwordpressthemes.com/">Wordpress Themes</a></li>
</ul>
</div>
<div class="sdb-content">
<h3>Meta</h3>
<ul>
<li><a href="http://wordpress.blinger.org/index.php/feed/" _fcksavedurl="http://wordpress.blinger.org/index.php/feed/" title="Syndicate this site using RSS"><FCK:abbr title="Really Simple Syndication">RSS</FCK:abbr></a></li>
<li><a href="http://wordpress.blinger.org/index.php/comments/feed/" _fcksavedurl="http://wordpress.blinger.org/index.php/comments/feed/" title="The latest comments to all posts in RSS">Comments <FCK:abbr title="Really Simple Syndication">RSS</FCK:abbr></a></li>
<li><a href="http://wordpressblogthemes.in/" _fcksavedurl="http://wordpressblogthemes.in/">Create Wordpress Themes</a></li>
</ul>
</div>
</div>      </div>
<div id="footer">
Copyright 2009 - 2010 Web Sitesi  | Powered By  <a href="http://www.wordpress-themes.net-tec.biz" _fcksavedurl="http://www.wordpress-themes.net-tec.biz">Wordpress Themes</a> | <a href="http://limitsiz-paylasim.tr.gg" _fcksavedurl="http://limitsiz-paylasim.tr.gg">Limitsiz-Paylasim</a>

Css kod

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;}
/*
Theme Name: Natural
Theme URI: http://www.Graphicadia.com
Description: a clean and simple fixed width, 2-column layout with the sidebar on the right.
Author: HPA
Author URI: http://www.Graphicadia.com
*/
*{margin: 0; padding: 0;}
body{
background: #fff url("http://wordpress.blinger.org/wp-content/themes/natural/images/body-bgr.gif") repeat-x 0 0;
font: 12px Tahoma, Verdana, Arial;
color: #999;
}
.inv{display: block; visibility: hidden;}
p{padding: 5px 0;}
a{text-decoration: none; color: #49c6ea;}
a:hover{color: #999;}
img{
float: left;
margin-right: 10px;
margin-bottom: 2px;
border: 8px solid #999;
}
#container-lvl-1{
width: 100%;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/page-bgr.jpg") no-repeat top center;
text-align: center;
}
#container-lvl-2{
width: 900px;
margin: 0 auto;
padding-bottom: 15px;
text-align: left;
}
#navigation{
width: 900px;
height: 37px;
}
#navigation ul{
width: 899px;
height: 37px;
padding-left: 1px;
overflow: hidden;
}
#navigation ul li{
width: 120px;
height: 37px;
list-style-type: none;
display: inline;
float: left;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/li-wrapper.gif") no-repeat top right;
}
#navigation ul li a{
width: 118px;
height: 26px;
padding-top: 11px;
padding-right: 2px;
display: block;
text-decoration: none;
color: #fff;
text-align: center;
}
#navigation ul li a:hover, #navigation ul .current_page_item a, #navigation ul .current_page_item a:hover{
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/hover.png") no-repeat 0 0;
}
#header{
width: 860px;
height: 149px;
padding-left: 40px;
padding-top: 15px;
position: relative;
}
#header h1{
font: 30px Tahoma;
color: #fff;
line-height: 30px;
padding-top: 5px;
padding-left: 7px;
}
#header h1 a{color: #fff; text-decoration: none;}
#header h1 a:hover{color: #0fb8d6;}
#header #description{
position: absolute;
top: 58px;
left: 47px;
font: 24px Tahoma;
color: #0fb8d6;
}
#sub-nav{
width: 900px;
height: 36px;
position: relative;
}
#plinks-rss{
position: absolute;
top: 7px;
left: 24px;
overflow: hidden;
}
#plinks-rss .rss-feed a, #plinks-rss .rss-feed a:hover{
width: 55px;
height: 23px;
display: block;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/rss.gif") no-repeat 0 0;
float: left;
margin-right: 2px;
}
#plinks-rss .prev-entries a, #plinks-rss .prev-entries a:hover{
width: 28px;
height: 23px;
display: block;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/prev-ent.gif") no-repeat 0 0;
float: left;
margin-right: 2px;
}
#plinks-rss .next-entries a, #plinks-rss .next-entries a:hover{
width: 28px;
height: 23px;
display: block;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/next-ent.gif") no-repeat 0 0;
float: left;
}
#search{
position: absolute;
right: 16px;
}
#searchform{
width: 208px;
padding-top: 7px;
overflow: hidden;
}
#searchform input{float: left;}
#searchform #s{
width: 141px;
height: 18px;
border: 1px solid #969494;
font: 12px Tahoma;
color: #ccc;
padding-left: 5px;
padding-top: 3px;
}
#searchform #searchsubmit{
width: 55px;
height: 23px;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/search-submit.gif") no-repeat 0 0;
border: 0;
cursor: pointer;
margin-left: 5px;
}
#main-wrapper{
width: 860px;
padding: 15px 16px 0 24px;
}
#left{
width: 628px;
margin: 0 auto;
float: left;
}
.title-content{
width: 608px;
height: 73px;
padding: 0 10px;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/title-bgr.gif") no-repeat 0 0;
}
.title-content .meta-data{
width: 608px;
height: 20px;
padding-top: 6px;
position: relative;
color: #c1c1c1;
}
.title-content .meta-data .posted{
position: absolute;
left: 0px;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/date.gif") no-repeat 0 1px;
padding-left: 15px;
}
.title-content .meta-data .comments{
position: absolute;
right: 0px;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/comments-numb.gif") no-repeat 0 1px;
padding-left: 20px;
}
.title-content .meta-data a{text-decoration: none; color: #c1c1c1;}
.title-content .meta-data a:hover{color: #49c6ea;}
#left h2{
font: 24px Tahoma;
font-weight: normal;
color: #49c6ea;
}
#left h2 a{text-decoration: none; color: #49c6ea;}
#left h2 a:hover{color: #999;}
#left h3{
font: 18px Tahoma;
font-weight: normal;
color: #afed1f;
}
.entry{padding-bottom: 25px;}
.commentlist{width: 628px; padding: 10px 0 20px 0;}
.commentlist li{
width: 548px;
list-style-type: none;
padding-left: 80px;
padding-bottom: 15px;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/comment.gif") no-repeat 0 0;
}
#commentform{width: 628px; padding-top: 10px;}
#commentform input{
width: 350px;
background-color: #fff;
border: 1px solid #ccc;
}
#commentform #comment{
width: 500px;
height: 150px;
background-color: #fff;
border: 1px solid #ccc;
font: 12px Tahoma;
}
#commentform #submit{
width: 55px;
height: 23px;
border: 0;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/send.gif") no-repeat 0 0;
cursor: pointer;
}
#right{
width: 208px;
padding-left: 24px;
margin: 0 auto;
float: left;
}
.sdb-content{
width: 208px;
padding-bottom: 20px;
}
.sdb-content h3{
width: 198px;
height: 27px;
font: 14px Tahoma;
font-weight: bold;
text-transform: uppercase;
color: #fff;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/sdb-title.gif") no-repeat 0 0;
padding: 10px 0 0 10px;
}
.sdb-content ul li{
width: 208px;
height: 32px;
list-style-type: none;
border-bottom: 1px dotted #bbb;
}
.sdb-content ul li a{
width: 193px;
height: 23px;
display: block;
text-decoration: none;
color: #777;
padding-top: 9px;
padding-left: 15px;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/sdb-link.gif") no-repeat 0 11px;
}
.sdb-content ul li a:hover{
color: #afed1f;
width: 188px;
padding-left: 20px;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/sdb-link-h.gif") no-repeat 0 11px;
}
.sdb-content ul .recentcomments{
height: 25px;
padding-top: 8px;
}
.sdb-content ul .recentcomments a{text-decoration: none; color: #afed1f;}
.sdb-content ul .recentcomments a:hover{color: #999; background: transparent;}
.center{width: 208px; text-align: center;}
#wp-calendar, #wp-calendar caption{margin: 10px auto 0 auto;}
#wp-calendar td{padding: 0 5px;}
#footer{
width: 900px;
height: 24px;
clear: both;
padding-top: 60px;
color: #ddd;
text-align: center;
background: url("http://wordpress.blinger.org/wp-content/themes/natural/images/footer.gif") no-repeat 0 0;
}
#footer a{text-decoration: none; color: #ddd;}
#footer a:hover{color: #999;}

Tasarım üzerine

<!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">
<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">
<div id="todobanners">
<div class="Estilo1" id="cabezal">
<h1 class="Estilo2">Titulo de la web </h1>
</div>
<div id="afiliados">
<div align="center">
<table width="200" border="2" cellspacing="5" bordercolor="#393939" bgcolor="#393939">
<tr>
<td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td>
<td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td>
<td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td>
<td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td>
<td><a href="#" _fcksavedurl="#"><img src="http://img17.imageshack.us/img17/7584/sinttulo106.gif" _fcksavedurl="http://img17.imageshack.us/img17/7584/sinttulo106.gif" width="137" height="137" border="0" /></a></td>
</tr>
</table>
</div>
</div>

Tasarımın Altına

Css koduna

#cabezal {
background-image: url(http://img23.imageshack.us/img23/8526/sinttulo103.png);
width: 827px;
height: 100px;
background-repeat: no-repeat;
padding-left: 50px;
}
#nav_container {
width: 185px;
float: left;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
background-color: #585757;
border: 4px solid #000000;
margin-top: 10px;
font-size: 10px;
padding-bottom: 50px;
}
li.nav_element {
background-image: url(http://img16.imageshack.us/img16/9210/botont.png);
background-repeat: no-repeat;
list-style-type: none;
margin-left: -40px;
height: 31px;
margin-top: -2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top: 7px;
}
li.nav_element:hover {
background-image: url(http://img15.imageshack.us/img15/427/botonhover.png);
background-repeat: no-repeat;
list-style-type: none;
margin-left: -40px;
height: 31px;
margin-top: -2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top: 7px;
}
#pre_content {
background-image: url(http://img93.imageshack.us/img93/4826/sinttulo113.gif);
width: 668px;
float: right;
height: 30px;
padding-top: 10px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #000066;
}
#todobanners {
width: 877px;
}
#content_container {
background-image: url(http://img140.imageshack.us/img140/5089/sinttulo119.gif);
width: 667px;
float: right;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}
#abajocontenido {
width: 678px;
height: 84px;
background-image: url(http://img17.imageshack.us/img17/1605/sinttulo117.gif);
float: right;
margin-bottom: 50px;
}
.Estilo1 {font-family: Georgia, "Times New Roman", Times, serif}
.Estilo2 {color: #FFFFFF}
.Estilo3 {font-size: 9px}
.Estilo6 {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
.Estilo7 {
color: #666666;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#post_header {display: none;}
#header_container {display: none;}
#sidebar_container {display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#arribacontenido p {
border-bottom-width: medium;
border-bottom-style: solid;
margin-right: 350px;
}
#nav_container a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #00CCFF;
list-style-type: none;
margin-left: 8px;
}
a:link {
color: #333333;
}
a:visited {
color: #000000;
}
a:hover {
color: #333333;
}
a:active {
color: #000000;
}

Tasarımın Üzerine

Tasarımın altına

</div>
<div id="left">
<h3>Categories :</h3>
<ul>
<li><a href="#" _fcksavedurl="#">World Politics</a></li>
<li><a href="#" _fcksavedurl="#">Europe Sport</a></li>
<li><a href="#" _fcksavedurl="#">Networking</a></li>
<li><a href="#" _fcksavedurl="#">Nature - Africa</a></li>
<li><a href="#" _fcksavedurl="#">SuperCool</a></li>
<li><a href="#" _fcksavedurl="#">Last Category</a></li>
</ul>
<h3>Archives</h3>
<ul>
<li><a href="#" _fcksavedurl="#">January 2007</a></li>
<li><a href="#" _fcksavedurl="#">February 2007</a></li>
<li><a href="#" _fcksavedurl="#">March 2007</a></li>
<li><a href="#" _fcksavedurl="#">April 2007</a></li>
<li><a href="#" _fcksavedurl="#">May 2007</a></li>
<li><a href="#" _fcksavedurl="#">June 2007</a></li>
<li><a href="#" _fcksavedurl="#">July 2007</a></li>
<li><a href="#" _fcksavedurl="#">August 2007</a></li>
<li><a href="#" _fcksavedurl="#">September 2007</a></li>
<li><a href="#" _fcksavedurl="#">October 2007</a></li>
<li><a href="#" _fcksavedurl="#">November 2007</a></li>
<li><a href="#" _fcksavedurl="#">December 2007</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/" _fcksavedurl="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.injuryexperts.com/" _fcksavedurl="http://www.injuryexperts.com/">Personal Injury Attorney</a>
</div>
</div>
</body>
</html>

css koduna

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}
*{ margin: 0; padding: 0; }*
body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #333; color: #444; }
a {COLOR: #6587E0; text-decoration: none;}
a:visited {COLOR: #6587E0; text-decoration: none;}
a:hover {COLOR: #333; text-decoration: underline;}
h2 { margin: 0 0 10px; padding: 10px 0 3px; }
h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(http://img6.xooimage.com/files/2/8/1/bg-de31ca.jpg) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none; }
#header {
background: #FE7B09 url(http://img6.xooimage.com/files/6/6/0/header-de31e0.jpg) repeat-x;
height: 215px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
text-decoration: none;
}
#header h2 {
color: #eee;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}
#wrap { padding: 10px 10px 3px 10px; width: 760px; margin:20px auto; background: #fff;}
#left { float: left; width: 180px; background: #CFDDFF; margin-bottom: 10px; margin-top: 20px;}
#left ul { padding: 5px 10px 10px 10px; margin: 0; }
#right { margin-bottom: 10px; float: right; width: 550px; padding: 0 10px 10px 10px; margin-top: 10px;}
#footer { font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; }