- Css Kod 9

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
<div class="sidebar">
<h1>Menu</h1>
<div class="sidebarcontent">
<ul>
<li><a href=" Link "> Nombre </a></li>
<li><a href=" Link "> Nombre </a></li>
<li><a href=" Link "> Nombre </a></li>
<li><a href=" Link "> Nombre </a></li>
<li><a href=" Link "> Nombre </a></li>
</ul>
</div>
<h1>Menu</h1>
<div class="sidebarcontent">
<ol>
<li> Nombre </li>
<li> Nombre </li>
<li> Nombre </li>
<li> Nombre </li>
<li> Nombre </li>
</ol>
</div>
<h1>Anuncios</h1>
<div class="sidebarcontent">
<p>Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido </p>
</div>
</div>
<div class="spacer"> </div>
</div>

<div id="bottom"> </div>
<div id="midbottom">
<div class="column">
<h2>Menu</h2>
<a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> <a href=" Link "> Nombre </a> </div>
<div class="column">
<h2>Menu</h2>
<ol>
<li> Nombre </li>
<li> Nombre </li>
<li> Nombre </li>
<li> Nombre </li>
<li> Nombre </li>
</ol>
</div>
<div class="column">
<h2>Menu</h2>
<p>Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido Contenido </p>
</div>
<div class="spacer"> </div>
</div>
<div id="btmbottom"> </div>

<div class="menu">
<div class="right">Adapted by<a href="http://www.raystrack.es.tl">Raystrack</a></div>
</div>

CSS BÖLÜMÜNE

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;}
/* MLP Design (http://www.mlpdesign.net). All Rights Reserved*/   body {background:url(http://img188.imageshack.us/img188/4711/37358577.gif) 0 0 repeat #eee; color:#333; margin:auto; font-family: Verdana,sans-serif; font-size:10pt;}  img {border:0;}  h1 { font-weight:700; font-size:1.2em; background:inherit; color:inherit;}  h2 { font-weight:500; font-size:1.2em;}  ul  { list-style:none; margin-left:20px; padding:1px;}  li { line-height:1.5em;}  a:link, a:visited, a:active { background: inherit; text-decoration: none; color:#999;}  a:hover { background: inherit; text-decoration: underline; color:#000;}  blockquote { background:url(http://img188.imageshack.us/img188/3314/quo.gif) 0 0 no-repeat; background-color:inherit; color:#999; display:block; padding:0 0 0 50px; margin:15px 30px;   font-size:.90em; font-weight:normal;}  p { line-height:1.5em;}  input, textarea { background:#fff; color:inherit;  border:1px solid #111;}  .buttons  { background: #000; color:#fff;  border: 1px solid #111;}  #wrapper { background:#fff; color:inherit; width:750px; margin:auto;}  #header { background:url(http://img188.imageshack.us/img188/6822/bannerims.gif) 50% 50% no-repeat #fff; color:inherit; width:750px; height:165px; margin: 0 auto;}  #body { background:#fff; color:inherit; width:750px; margin:auto;}  #bottom { background:url(http://img188.imageshack.us/img188/908/topx.gif) 50% 0 no-repeat #eee; color:inherit; width:750px; height:10px; margin:0;}  #midbottom { background:url(http://img188.imageshack.us/img188/2347/midp.gif) 50% 0 repeat-y #eee; color:#d50; width:750px; line-height:1em; margin:0;}  #btmbottom { background:url(http://img188.imageshack.us/img188/6602/btm.gif) 50% 100% no-repeat #eee; color:inherit; width:750px; height:20px; margin:0;}  .logo { width:450px; margin-top:4em; padding-left:25px; float:left;}  .search { width:250px; text-align:right; margin-top:6em; padding-right:25px; float:right;}  .menu { background:url(http://img188.imageshack.us/img188/5531/stripe.gif) 50% 50% no-repeat #000; color:#fff; width:750px; height:40px; font-size:.92em; margin: 0 auto;}  .left { width:450px; padding:10px 0 0 25px; float:left;}  .right { width:250px; padding:12px 25px 0 0; text-align:right; float:right;}  .right a:link,.right a:visited,.right a:active { background: inherit; text-decoration: none; color:#fff;}  .right a:hover { background: inherit; text-decoration: none; color:#ddd;}  .column { width:215px; padding:0 0 0 25px; float:left;}  .column p {font-size:.90em;}  .column a:link,.column a:visited,.column a:active { background:#eee; text-decoration: none; color:#d50; font-size:.89em; display: block; padding:8px 2px; border-bottom:#d51 1px dashed;}  .column a:hover { background:#eee; text-decoration: none; color:#777; border-bottom:#888 1px dashed;}  .left a:link,.left a:visited,.left a:active { background: inherit; text-decoration: none; color:#fff;}  .left a:hover { background: inherit; text-decoration: none; color:#ddd;}  .content { background:#fff; color:inherit; width:500px; padding:10px 5px 0 25px; text-align:justify; float:left;}  .sidebar { background:#fff; color:inherit; width:175px; padding:10px 20px 0 0; float:right;}  .sidebarcontent { border-bottom:#999 1px solid; margin-bottom:20px;}  .img { border:0; margin:0 1em 0 0; float:left;}  .spacer { height:2px; clear: both;}

TASARIMIN ÜSTÜNE

<title>SmartTouch</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="bgcontainer">
<div class="Header">
<div class="Syn">
<ul>
<li><a href="http://www.free-css.com/">Entries</a> (RSS)</li>
<li><a href="http://www.free-css.com/">Comments</a> (RSS)</li>
</ul>
</div>
<div class="Logo">
<div class="LogoText">
<h1><a href="http://www.free-css.com/">SmartTouch</a></h1>
</div>
<p class="Desc"></p>
</div>
<div class="Menu">
<ul>
<li><a href="http://www.free-css.com/"><span>Home</span></a></li>
<li><a href="about-us.html"><span>About</span></a></li>
<li><a href="contact-us.html"><span>Contact</span></a></li>
<li><a href="extras.html"><span>Extras</span></a></li>
</ul>
</div>
<div class="Search">
<form href="http://www.free-css.com/" method="post">
<input type="text" name="s" class="keyword" />
<div class="bt">
<input name="submit" type="image" class="search" title="Search" src="http://pixelea.com/s/6e4321dab4.gif" alt="Search" />
</div>
</form>
</div>
<div class="clr"></div>
</div>
<div class="CON">
<div class="SC">
<div class="Post" style="padding-bottom: 40px;">
<div class="PostHead">

TASARIMIN ALTINA

</div>
</div>
<div class="clearer"></div>
</div>
<div class="SR">
<div class="SRL">
<div class="banner">
<h2>Sponsored</h2>
<img src="http://pixelea.com/s/bd821838b5.gif" alt="" /> <img src="http://pixelea.com/s/bd821838b5.gif" alt=""  /> <img src="http://pixelea.com/s/bd821838b5.gif" alt=""  /> <img src="http://pixelea.com/s/bd821838b5.gif" alt=""  /> <br clear="all" />
</div>
</div>
<div class="SRR">
<div class="widget widget_categories">
<h2>Categories</h2>
<ul>
<li><a href="http://www.free-css.com/">Business</a> (7) </li>
<li><a href="http://www.free-css.com/">Entertainment</a> (1) </li>
<li><a href="http://www.free-css.com/">Science</a> (6) </li>
<li><a href="http://www.free-css.com/">Technology</a> (7) </li>
<li><a href="http://www.free-css.com/">World News</a> (1) </li>
</ul>
</div>
<div class="widget widget_archives">
<h2>Archives</h2>
<ul>
<li><a href="http://www.free-css.com/">August 2008</a></li>
</ul>
</div>
<div class="widget widget_links">
<h2>Links</h2>
<ul>
<li><a href="http://www.free-css.com/">Documentation</a></li>
<li><a href="http://www.free-css.com/">Development Blog</a></li>
<li><a href="http://www.free-css.com/">Suggest Ideas</a></li>
<li><a href="http://www.free-css.com/">Support Forum</a></li>
<li><a href="http://www.free-css.com/">Plugins</a></li>
<li><a href="http://www.free-css.com/">Themes</a></li>
</ul>
</div>
<div class="widget widget_meta">
<h2>Meta</h2>
<ul>
<li><a href="http://www.free-css.com/">Log in</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="FBG">
<div class="Recent">
<div class="TabContent">
<h2 class="TabLink"><span>Recent Articles</span></h2>
<ul>
<li><a href="http://www.free-css.com/">Extras</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
<li><a href="http://www.free-css.com/">Puppies mark birth of commercial pet cloning</a></li>
<li><a href="http://www.free-css.com/">Ocean 'dead zones' becoming global problem</a></li>
<li><a href="http://www.free-css.com/">Gulf 'dead zone' suffocating fish and livelihoods</a></li>
<li><a href="http://www.free-css.com/">Study: Organic food not more nutritional</a></li>
<li><a href="http://www.free-css.com/">Eco communities: Living the green life</a></li>
<li><a href="http://www.free-css.com/">Arctic ice at second-lowest level ever</a></li>
<li><a href="http://www.free-css.com/">Oil price up on Russia tensions</a></li>
<li><a href="http://www.free-css.com/">Buffett: U.S. still in recession</a></li>
</ul>
</div>
<div class="TabContent">
<h2 class="TabLink"><span>Recent Comments</span></h2>
<ul>
<li>ozan sumer: <a href="http://www.free-css.com/">wonderfull theme thanks </a></li>
<li>ildvr: <a href="http://www.free-css.com/">beautiful colors! very like it</a></li>
<li>ildvr: <a href="http://www.free-css.com/">cooool design!!!</a></li>
<li>Bebe Rebozo: <a href="http://www.free-css.com/">Testing, testing.</a></li>
<li>Giancarlo: <a href="http://www.free-css.com/">Phasellus semper augue in augue.</a></li>
<li>Brian: <a href="http://www.free-css.com/">Cras nisl. Pellentesque porta. Suspendisse</a></li>
<li>Maxine: <a href="http://www.free-css.com/">Aliquam eget justo ac mauris</a></li>
<li>Jennifer: <a href="http://www.free-css.com/">Nam sed urna a velit</a></li>
<li>Kyle: <a href="http://www.free-css.com/">Lorem Ipsum Dolar Sit Amet</a></li>
<li>José Alfonso Faz: <a href="http://www.free-css.com/">it´s a pity wath</a></li>
</ul>
</div>
<div class="widget_flickrrss">
<h2 class="TabLink">Flickr PhotoStream</h2>
<ul>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3203/2956845335_104f1c1916_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3060/2957684202_df049881f0_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3183/2957686454_4212e9c404_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3199/2956839129_22c3da1008_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3167/2957680044_a852551661_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3173/2957677686_473e197eb5_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3042/2956585654_78c6b085c3_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3183/2956398512_6ae0394f32_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3186/2955526025_24b6951c41_t.jpg" alt="" /></a></li>
<li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3287/2956391266_4a72ea194f_t.jpg" alt="" /></a></li>
</ul>
</div>
<div class="clr"></div>
</div>
<div class="Footer"> <big><big><strong>© 2008 My Web Blog</strong></big></big><br />
<small><strong><a href="http://www.freethemelayouts.com/" style="color: #000000;text-decoration: none;">Wordpress Theme</a> designed by DT <a href="http://www.dreamtemplate.com" style="color: #000000;text-decoration: none;">Website Templates</a></strong>
<strong>And adapted by <a href="http://www.Plugs-Design.es.tl" style="color: #000000;text-decoration: none;">Plugs-Design</a></strong></small> </div>
</div>

CSS BÖLÜMÜ

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;}
/*
Theme Name: Smart Touch
Theme URI: http://freethemelayouts.com/
Description: Designed by <a href="http://freethemelayouts.com">FreeThemeLayouts</a>.<br /> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: FreeThemeLayout/DreamTemplate
Author URI: http://www.freethemelayouts.com/
*/
body { background: #f4fafd url(http://pixelea.com/s/638400c662.jpg) repeat-x top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;}
html { padding: 0; margin: 0;}
a:link { text-decoration: none; color : #2a688c; border: 0px;}
a:active { text-decoration: underline; color : #2a688c; border: 0px;}
a:visited { text-decoration: none; color : #2a688c; border: 0px;}
a:hover   { text-decoration: underline; color : #2a688c; border: 0px;}
a:focus { outline: none;}
.clr { clear:both;}
h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer { width: 1039px; margin: 0 auto;}
/**/ * html .Header { height: 238px;} /* */
.Syn { height:56px; background: url(http://pixelea.com/s/40e9f3ef5d.jpg) no-repeat right;}
.Syn ul { margin: 0px; padding: 17px 0px 0px 0px; float: right;}
.Syn li { background: url(http://pixelea.com/s/fbbf6668b0.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; font-size: 12px; color:#FFFFFF; display: inline; font-weight: normal;}
.Syn li a {color:#fff; }
.Syn li a:visited {color:#fff; }
.Syn li a:hover {color:#fff; }
.Header { width: 1039px; margin: 0 auto; position:relative; min-height: 238px; background: #fcfdfe url(http://pixelea.com/s/d4f42a77f2.jpg) no-repeat 0 56px;}
.Logo { float: left;}
.Header .LogoText h1 { font-size: 32px; line-height: 55px; letter-spacing: -1px; padding: 0px; margin: 0px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;position: absolute; top: 105px; width: 300px; left: 70px;}
.Header .LogoText a { color:#5c9dc1; text-decoration: none; }
.Header .LogoText a:visited { color:#5c9dc1; text-decoration: none; }
.Header .LogoText a:hover { color:#5c9dc1; text-decoration: none; }
.Header .Desc { position: absolute; top: 155px; color:#494d50; font-size: 12px; line-height: 14px; font-weight: normal; font-family: "Trebuchet MS"; padding: 0px; margin: 0px; text-indent: 80px; }
/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu { padding: 0px 0px 0px 580px; float: left; position: absolute;  top: 128px; }
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li { padding: 0px; margin: 0px; display: inline; font-size: 14px; line-height: 14px; font-weight: normal; font-family: "Trebuchet MS"; }
.Menu ul li a { padding: 5px 10px; float: left; color: #5c9dc1; text-decoration:underline;}
.Menu ul li a:hover { color:#5c9dc1; text-decoration: none;}
.Menu ul li ul { display: none;}
/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Search  { } /**/
.Search {  right: 0px; padding: 73px 20px 20px 870px;  }
.Search form { padding: 0px; margin: 0px; }
.Search input { color: #FFFFFF; font-size: 11px;}
.Search  input.keyword { background: url(http://pixelea.com/s/6279a7bfcb.gif) no-repeat; border: none; padding: 1px 0px 7px 7px; width: 122px; height: 22px; }
.Search  input.search { width: 25px; height: 22px; background: url(http://pixelea.com/s/2637f3f179.gif) no-repeat;}
.Search .bt { padding: 0px; margin: 129px 0px 0px 0px !important; margin: 130px 0px 0px 0px; top: 0; background: none; position: absolute; right: 20px; }
/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { width: 1039px; float: left; background: #fff url(http://pixelea.com/s/f5a7b846cf.gif) no-repeat bottom; padding:0 0 20px 0; }
.SCS { width: 435px; float: left; padding: 0px 15px 0px 15px;}
/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width: 492px; float: left; padding: 0 0 0 24px;}
.pagetitle { font-size: 18px; line-height: 18px; font-weight: normal; border-bottom: solid 1px #d0c1c1;padding: 15px 0px; margin-top: 0px; color:#000066;}
/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post {   padding: 15px 0px; position: relative; clear: left;}
.PostHead { border:0; border-bottom:3px solid #e0e0e0; }
.PostHead h2 { font-size: 18px; line-height: 24px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:#225d7e;}
.PostHead h2 a { color: #225d7e; text-decoration: none;}
.PostHead h2 a:visited { color: #225d7e; text-decoration: none;}
.PostHead h2 a:hover { color:#225d7e; text-decoration: underline;}
.PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;}
/**/ * html .PostTime { } /**/
.PostTime { padding: 6px 0px; margin: 0px; background: url(http://pixelea.com/s/17cc539580.gif) no-repeat; width: 71px; text-align: center; color:#fff; }
.PostTime strong { font-family: Tahoma, Arial; font-weight: normal; font-size: 11px;}
.PostTime .day { }
.PostTime .month { }
.PostTime .year { }
.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: normal;}
.PostAuthor { color:#999; }
.PostCat { color:#999; }
.PostCat a { color:#ffb30f; text-decoration: none; }
.PostCat a:visited { color:#ffb30f; text-decoration: none; }
.PostCat a:hover { color:#999; text-decoration: underline; }
.PostContent { padding: 10px 0px 0px 0px; font-size: 11px; line-height: 1.4em ; color:#575757; font-family:Verdana, Arial, Helvetica, sans-serif;}
.PostContent p { font-size: 13px; line-height: 1.4em; color:#63565f;}
.PostContent p strong {}
.PostContent img {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent ul { padding: 5px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background:  none no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.PostContent blockquote a { color:#2a688c;}
.PostContent blockquote a:visited { color:#2a688c;}
.PostContent blockquote a:hover { color:#2a688c; text-decoration:underline;}
/**/ * html .PostContent p img {} /* */
.PostContent p img { max-width: 420px;}
.PostContent img { margin: 0px 10px 10px 0px; float: left; border:solid 1px #495b6b;}
.PostCom { padding-top: 10px; background: url(http://pixelea.com/s/81e6138119.gif) no-repeat left;}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 35px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; color:#2a688c; font-size: 14px; }
.PostCom li a { font-weight: normal; text-decoration: underline; color:#2a688c;}
.PostCom li a:visited { font-weight: normal; text-decoration: underline; color:#2a688c;}
.PostCom li a:hover { font-weight: normal; text-decoration: none; color:#2a688c;}
.PostCom .Com { background:  none no-repeat left center; }
.PostCom .Tags { padding-left: 0px;}
/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background:  none no-repeat left top;}
.NoteTrackBack { }
/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.TrackList { background: #f4ebef  none no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef  none no-repeat top; position: absolute; top: 0px; left: 0px; width: 455px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background: none no-repeat left top;}
.TrackList li a { color:#cc3366; }
/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Nav { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}
/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin: 20px 0px 0px 0px; position: relative;}
.Comments h3 { font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#4c809e; border-bottom: solid 2px #15567b;}
/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 5px 0px; margin: 10px 0px; list-style-type: none;}
/**/ * html .List .LGrav { right: 30px;} /* */
.List .LGrav { position: absolute; right: 0px; top: 10px;}
.List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}
.List .LUsr { margin: 0px; padding: 0px; font-size: 11px; line-height: 12px; color:#4c809e;}
.List .LUsr a { color:#999; text-decoration: none;}
.List .LUsr strong { font: bold 16px "Trebuchet MS", sans-serif; letter-spacing: -1px; color:#666;}
.List .LUsr strong a { color:#4c809e; text-decoration: none;}
.List .LCon { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;}
.List .LCon p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;}
.List .Author { background:#fff; }
/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Form .Email { }
.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana';}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#4c809e;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#225d7e; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#225d7e; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { }
.Form input.SubmitComment:hover { }
.Form input.SubmitCommentIE { }
/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { width: 523px; float: right; position: relative; padding: 0px;}
/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRL { width: 149px; float: left; position: relative; padding: 14px 0 0 45px;}
.SRL .banner h2 { color:#225d7e; font-size: 18px; padding: 0px 0px 5px 0px; margin: 0px;}
.SRL .banner img { padding:10px 0 5px 0;}
.SRL .widget h2 { color:#225d7e; font-size: 14px; border-bottom: solid 1px #ffe0bf; padding: 0px 0px 5px 0px; margin: 0px;}
.SRL .widget ul { margin: 0px; padding: 0px;}
.SRL .widget li { margin: 0px; padding: 0px; list-style-type: none; }
.SRL .widget a { color:#cc0000;}
.SRL .widget a:visited { color:#cc0000;}
.SRL .widget a:hover { color:#ff6600; text-decoration: none;}
.SRL .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 22px;}
.SRL .widget_calendar table { width: 100%;}
.SRL .widget_calendar table td { text-align: center; padding: 3px; }
.SRL .widget_calendar caption { background: #ffe0bf; padding: 5px 0px;}
.SRL .widget_calendar #today { background: #ffe0bf;}
.SRL .widget_search #s { width: 160px; border: solid 1px #cebea9; padding: 3px; margin-bottom: 5px;}
.SRL .widget_flickrrss { height: auto; float: left; width: 300px; border-bottom: 10px solid #fff;}
.SRL .widget_flickrrss h2 { margin-bottom: 10px;}
.SRL .widget_flickrrss ul { padding: 0px; margin: 0px; clear: left;}
.SRL .widget_flickrrss li { background:  none no-repeat left top; list-style-type: none; display: inline; padding: 7px; float: left;}
.SRL .widget_flickrrss li a img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 48px; height: 48px;}
.SRL .widget_flickrrss li a:visited img { background: #fff; padding: 3px; border: solid 1px #cebea9; width: 48px; height: 48px;}
.SRL .widget_flickrrss li a:hover img { background: #660000; padding: 3px; border: solid 1px #660000;}
/* About Blog ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.About { background: #ff6600  none no-repeat left bottom; padding: 0px 20px 10px 20px; color:#fff;}
.About h2 { padding: 0px; margin: 0px; font-size: 18px; font-weight: normal;}
.About p { padding: 5px 0px; margin: 0px; font-size: 13px; line-height: 16px;}
/* About Articles/Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Recent { background: #062a3f url(http://pixelea.com/s/9ac8733aa5.jpg) repeat-x left top; width: 1009px; margin: 0 auto; padding: 10px 0px 10px 31px;}
.TabContent { padding: 10px; float:left; width:30%;}
.TabContent h2 { font: normal 20px Arial, Helvetica, sans-serif; color: #FFFFFF; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:5px solid #0b4263;}
.TabContent ul { padding: 0px 0 0 15px; margin: 0px; font:normal 11px Tahoma, Arial; color:#FFFFFF;}
.TabContent li { padding: 1px 0px 1px 0px; margin: 0px;}
.TabContent li a { color:#FFFFFF; text-decoration: underline;}
.TabContent li a:visited { color:#FFFFFF; text-decoration: none;}
.TabContent li a:hover { color:#4477aa; text-decoration: none;}
.Recent .widget_flickrrss { padding: 10px; float:left; width:30%;}
.Recent .widget_flickrrss h2 { font: normal 20px Arial, Helvetica, sans-serif; color: #FFFFFF; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:5px solid #0b4263;}
.Recent .widget_flickrrss ul { padding: 0px 0 0 15px; margin: 0px; font:normal 11px Tahoma, Arial; color:#FFFFFF; list-style:none;}
.Recent .widget_flickrrss li { padding: 1px 1px 1px 1px; margin: 0px; float: left;}
.Recent .widget_flickrrss li a img { background: #fff; padding: 2px; border: solid 1px #cebea9; width: 48px; height: 48px;}
.Recent .widget_flickrrss li a:visited img { background: #fff; padding: 2px; border: solid 1px #cebea9; width: 48px; height: 48px;}
.Recent .widget_flickrrss li a:hover img { background: #660000; padding: 2px; border: solid 1px #660000;}
/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR { width: 281px; float: right; margin: 14px 24px 0px 24px !important; margin: 14px 12px 0px 12px; background:#3f81a8 url(http://pixelea.com/s/d18396c1d5.jpg) repeat-x top left;}
.SRR h2 { letter-spacing: 1px; border-bottom:1px dotted #215275; padding: 15px 0px 15px 25px; margin:0 15px 0 15px; font:normal 18px Tahoma, Arial; color:#FFFFFF; background: url(http://pixelea.com/s/89d47fa24f.gif) no-repeat left;}
.SRR ul { margin: 0px; padding: 0px 0 0 20px;}
.SRR li { margin: 0px; padding: 0px; list-style-type: none; }
.SRR a { color:#FFFFFF;}
.SRR a:visited { color:#FFFFFF;}
.SRR a:hover { color:#FFFFFF; text-decoration: underline;}
/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR .widget { margin: 0px 0px 10px 0px; padding: 0px;}
.SRR .widget ul { margin: 0px;  padding: 0px 0 0 20px;}
.SRR .widget li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; color:#999;}
.SRR .widget li a { color:#FFFFFF;}
.SRR .widget li a:visited { color:#FFFFFF;}
.SRR .widget li a:hover { color:#FFFFFF; text-decoration: none;}
.SRR .widget_categories ul { margin: 0px;  padding: 0px 0 0 20px;}
.SRR .widget_categories ul li { margin: 0px; padding: 1px 0px 1px 0px; list-style-type: none; font-size: 12px; color:#999; font-weight: bold;}
.SRR .widget_categories ul li a { color:#FFFFFF;}
.SRR .widget_categories ul li a:visited { color:#FFFFFF;}
.SRR .widget_categories ul li a:hover { color:#FFFFFF; text-decoration: underline;}
.SRR .widget_categories ul ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; background: none; border-bottom: none;}
.SRR .widget_categories ul li li { margin: 0px; padding: 1px 0px; list-style-type: none; background: none; border-bottom: none; font-size: 12px; font-weight: normal;}
.SRR .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 22px;}
.SRR .widget_calendar table { width: 100%;}
.SRR .widget_calendar table td { text-align: center; padding: 3px; }
.SRR .widget_calendar caption { background: #fff3e2; padding: 5px 0px;}
.SRR .widget_calendar #today { background: #fff3e2;}
.SRR .widget_search #s { border: solid 1px #cebea9; padding: 3px; margin-bottom: 5px;}
/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG { width: 100%; float: left; padding: 0px; background:#164c6b url(http://pixelea.com/s/2252467549.gif) no-repeat top center;}
.Footer { color:#000000;background:url(http://pixelea.com/s/8d24e5290b.gif) repeat-x top; width: 1009px; margin: 0 auto; padding: 10px 0px 10px 30px;}
.Footer p { background: url(http://pixelea.com/s/501a9db01a.gif) no-repeat right; font-size: 10px; line-height: 15px; color:#575757; padding: 10px 0px; margin:0 15px 0 0; font-family: 'Verdana'; }
.Footer a { color:#000000; text-decoration: underline;}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

CSS BÖLÜMÜ

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

<div id="sidebar">
<ul><li><h2>Titulo box 1</h2><p>
Aqui puede poner lo que tu quieras!
</p></li><li>
<h2>Link's</h2><ul>
<li><a href="URL">Nombre del link's</a> (3) </li>
<li><a href="URL">Nombre del link's</a> (42) </li>
<li><a href="URL">Nombre del link's</a> (28)</li>
<li><a href="URL">Nombre del link's</a> (55) </li>
<li><a href="URL">Nombre del link's</a> (13)</li>
</ul></li><li>
<h2>Favoritos</h2> <ul>
<li><a href="URL">Nombre del link's</a> (3) </li>
<li><a href="URL">Nombre del link's</a> (42) </li>
<li><a href="URL">Nombre del link's</a> (28) </li>
<li><a href="URL">Nombre del link's</a> (55) </li>
<li><a href="URL">Nombre del link's</a> (13) </li>
</ul></li><li>
<h2>Archivos</h2> <ul>
<li><a href="URL">Link's 1</a>Descripción</li>
<li><a href="URL">Link's 2</a>Descripción</li>
<li><a href="URL">Link's 3</a>Descripción</li>
<li><a href="URL">Link's 4</a>Descripción</li>
</ul></li></ul> </div>
<div style="clear: both;"></div>
</div></div>
<div id="footer"><p>
Copyright (c) 2009 tu sitio.es.tl. Todos los derechos reservados. Diseño por <a href="http://freecsstemplates.org">FreeCSSTemplates</a>. Adaptado por <a href="http://cssplantillas.es.tl" target="url">Css Plantillas</a>
</p></div>

CSS BÖLÜMÜNE

TASARIMIN ÜSTÜNE

<div class='navbar section' id='navbar'>
<div class='widget Navbar' id='Navbar1'></div>
<div id='layout_wrapper'><div id='layout_edgetop'></div>
<div id='layout_container'><div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'><div class='titlewrapper'>

<h1 class='title'>Mi web 2.0</h1> 
</div> <div class='descriptionwrapper'>
<p class='description'><span>CssPlantillas.es.tl</span></p>
</div></div></div></div>
<div class='clear'></div></div><div id='top_separator'></div><div id='navigation'>
<div id='tabs'><ul><li class='current_page_item'>

<a href='URL'><span>Link's 1</span></a></li>
<li><a href='URL'><span>Link's 2</span></a></li>
<li><a href='URL'><span>Link's 3</span></a></li>
<li><a href='URL'><span>Link's 4</span></a></li>
</ul> 
<div class='clear'></div></div></div>
<div class='spacer h5'></div><div id='content-wrapper'>

TASARIMIN ALTINA

<div id='sidebar'><div class='widget' id='search'>
<h2>Buscar</h2> <div class='widget-content'>
<form action='buscar.htm' id='searchform' method='get'> <div>
<table class='search'> <tbody><tr> <td><input id='s' name='q' type='text' value=''/></td>
<td style='padding-left: 10px;'><input
src='https://img.webme.com/pic/c/cssplantillas/colorvoid13.gif' type='image'/>
</td> </tr> </tbody></table> </div></form>
</div></div>
<div class='sidebar section' id='sidebar'><div class='widget Feed' id='Feed1'>

<h2>Box de contenido 1</h2>
<div class='widget-content'>
Pon aqui el contenido que quieras!

</div></div>
<div class='widget BlogArchive' id='BlogArchive1'>

<h2>Box de contenido 2</h2>
<div class='widget-content'>
Pon aqui el contenido que quieras!

<div id='ArchiveList'><div id='BlogArchive1_ArchiveList'></div></div>
<span class='widget-item-control'></div></div></div></div>
<div class='clear'></div></div>
<div id='footer'>
<p class='links'>
Copyright © 2009 <a href='http://cssplantillas.es.tl'>Tuweb.es.tl</a> | - Diseño por: <a
href='http://colorvoid-btemplates.blogspot.com'>colorvoid</a> Adaptada por:
<a href='http://templatesfree.es.tl' target="url">CssPlantillas.es.tl</a> </div></div>
<div id='layout_edgebottom'></div></div>

CSS BÖLÜMÜNE

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
* { margin: 0; padding: 0; }
body { background: #404040 url("https://img.webme.com/pic/c/cssplantillas/colorvoid1.jpg");
font:normal 13px Verdana; color: #345; padding-bottom: 1em; }
a {color:#0066AA;}
a:hover {color: #003366;}
p {padding: 0.1em 0 0.8em;}
h1 { font: normal 1.8em Georgia,Tahoma,sans-serif; }
h2 { font: normal 1.5em Georgia,sans-serif; }
h3 { font: bold 1em Tahoma,sans-serif; }
html { height: 100%; padding-bottom: 1px; }
ul,ol { margin: 0 0 1em 1.6em; }
ul ul, ol ol { margin: 0.3em 0 0.3em 1em; }
img { border: none; }
img.bordered { background: #FFF; padding: 5px; border: 1px solid #DDD; }
img.left { margin-right: 1em; }
img.right { margin-left: 1em; }
small,.small { font-size: 0.8em; }
big,.big { font-size: 1.2em; }
#layout_wrapper { margin: 10px auto 0; width: 780px; }
#layout_container { background: #FFF; padding: 0 5px; }
#layout_edgetop, #layout_edgebottom {background:url("https://img.webme.com/pic/c/cssplantillas/colorvoid2.gif") no-repeat left top;
display: block; height: 10px; font-size: 0; line-height: 0; }
#layout_edgebottom { background-position: left bottom; }
table.search { width: 100%; border-collapse: collapse; }
.search td { vertical-align: center; }
#main-wrapper { overflow:hidden; }
.clear { clear:both; }
#blog-pager-newer-link{float:left;}
#blog-pager-older-link {float: right;}
#blog-pager { text-align: center; }
#header-wrapper {background:#C5DEF0 url("https://img.webme.com/pic/c/cssplantillas/colorvoid3.jpg") repeat-x left top;
padding: 6px 18px;}
#header-wrapper h1 {font:normal 2.4em sans-serif;letter-spacing:-1px;color:#507A9A;float:left;}
#header-wrapper h1 a { color: #507A9A; text-decoration: none; }
#header-wrapper h1 a:hover { color: #305A7A }
#header-wrapper p { padding: 1.4em 0 0; font: normal 1.1em sans-serif; color: #667799; float:right; }
#top_separator { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid4.gif") repeat-x left top;
display: block; font-size: 0; height: 3px; line-height: 0; }
#navigation { background: #739CBA url("https://img.webme.com/pic/c/cssplantillas/colorvoid5.jpg") no-repeat left bottom;
padding: 82px 10px 0; }
#tabs ul{margin: 0; padding: 0;}
#tabs li { display:inline; list-style:none; }
#tabs a { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid6.gif") no-repeat left top;
float: left; font: bold 0.9em sans-serif; margin-right: 3px; padding-left: 4px; text-decoration: none;}
#tabs a span { float: left; display: block; background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid7.gif") no-repeat right top; padding: 5px 10px 5px 6px; color: #608AAA;}
#tabs a span {float: none;}
#tabs a:hover span {color: #608AAA;}
#tabs a:hover {background-position: 0% -42px;}
#tabs a:hover span {background-position:100% -42px;}
#tabs li.current_page_item a {color: #47A; background-position: 0% -42px;}
#tabs li.current_page_item a span {background-position:100% -42px;}
.h5 { height:5px; }
#content { width: 545px; float:left; } #content a { } #content a:hover { } .date-header { color: #999999; padding-top: 1px; font-size: 0.85em; float:right; }
.post-footer, p.comment-footer { padding: 8px 10px 6px; background: #F5F5F5; color: #666; border-top: 1px solid #E5E5E5; font-size: 0.8em; }
.post-footer a{ color: #567; }
.post-footer a:hover{ color: #002; }
.post-footer .comment-link {background:  none no-repeat left center; padding-left: 18px; float:right; }
.post_bottom { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid8.gif") no-repeat left top; display: block; height: 5px; font-size: 0; line-height: 0; }
.feed-links {display:none;}
.blog-pager {margin:10px 0; font-size:0.8em;}
#sidebar { float:right; width: 220px; } #sidebar ul{ margin-left: 0; border-bottom: 1px solid #E2ECF2; }
#sidebar li{ list-style: none; padding: 4px; border-top: 1px solid #E2ECF2; border-bottom: 1px solid #D0D8DE; }
#sidebar li:first-child { border-top: none; }
#sidebar li a{text-decoration: none; }
#sidebar li a:hover{ text-decoration: underline; }
#sidebar h2 {background: #C6D2DB url("https://img.webme.com/pic/c/cssplantillas/colorvoid9.gif") no-repeat left top;
padding: 6px 10px 5px; font-weight: bold; font-size: 0.9em; color: #505E69; display:block; }
#sidebar .widget-content{background:#DAE3E9 url("https://img.webme.com/pic/c/cssplantillas/colorvoid10.gif") repeat-x left top;
padding: 8px 10px 1px; font-size: 0.9em; }
#sidebar .widget {background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid12.gif") no-repeat left bottom;
margin-bottom:5px;padding-bottom: 5px; }
#footer {background:#A3B5C1 url("https://img.webme.com/pic/c/cssplantillas/colorvoid11.gif") no-repeat left top;
padding: 8px 12px 2px; font-size: 0.85em; color: #FAFCFF; text-align:center; }
#footer { color: #C8DBE8; }
#footer a { color: #D3E5F1; text-decoration: none; }
#footer a:hover { color: #FFE; text-decoration: underline; }
.left { float: left; }
.right { float: right; }
.clear,.clearer { clear: both; }
.clearer,.spacer { display: block; font-size: 0; line-height: 0;}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

<div id="sidebar1" class="sidebar">
ul><li>
<h2>Box 1!</h2><ul>
Contenido que tu quieras!
</ul></li>
<li><h2>Box 2!</h2>
Contenido que tu quieras!
</li>
<li><h2>Link's</h2><ul>
<li><a href="URL">NOMBRE DEL LINK'S</a></li>
<li><a href="URL">NOMBRE DEL LINK'S</a></li>
<li><a href="URL">NOMBRE DEL LINK'S</a></li>
<li><a href="URL">NOMBRE DEL LINK'S</a></li>
<li><a href="URL">NOMBRE DEL LINK'S</a></li>
<li><a href="URL">NOMBRE DEL LINK'S</a></li>
<li><a href="URL">NOMBRE DEL LINK'S</a></li>
</ul></li>
<li><h2>Lo más visto...</h2> <ul>
<li><a href="URL">NOMBRE DE LA PAGINA</a></li>
<li><a href="URL">NOMBRE DE LA PAGINA</a></li>
</ul></li></ul></div>
<div id="sidebar2" class="sidebar"><ul><li>
<h2>Buscador</h2>
<center><form id="searchform" method="get" action="#"><div>
<input type="text" name="s" size="15" value="" /><br />
<input type="submit" value="Busca!"/>
</div></form></center></li>

<li><h2>Box 3!</h2>
Contenido que tu quieras!  <li>
<h2>Web Recomendadas</h2><ul>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
</ul></li></ul></div>
<div style="clear: both;"></div>
</div> </div>
<div id="footer"><p>
©2008-2009 <a href="URL DE TU WEB">Nombre de tu web</a>. Todos los derechos reservados.
</p></div>

CSS BÖLÜMÜNE

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

<div id="sidebar"><ul><li id="search">
<h2><b class="text1">Buscar</b></h2>
<form method="get" action=""> <fieldset>
<input type="text" id="s" name="s" value="" />
<input type="submit" id="x" value="Search" />
</fieldset></form></li> <li>
<h2>Link's</h2><ul>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
</ul></li><li>
<h2>Favoritos</h2> <ul>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
<li><a href="URL LINK'S">Link's</a></li>
</ul></li><li>
<h2>Contenido</h2>
<center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br>
</li></ul></div>
<div style="clear: both;"></div></div>
<div id="footer"><div id="footer-menu"> <ul>
<li><a href="URL">Inicio</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
<li><a href="URL">Link's</a></li>
</ul></div><p id="legal">
(c) 2009 <a href="http://tuweb.es.tl">Nombre de tu web</a>. Diseño por: <a href="http://freecsstemplates.org/">Free CSS Templates</a> Adaptada por <a href="http://cssplantillas.es.tl">CssPlantillas.es.tl</a></p></div>

CSS BÖLÜMÜ

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {background: url("https://img.webme.com/pic/c/cssplantillas/excess1.gif") repeat-x left top;
font-family: Arial;font-size: 12px;color: #6D6D6D;margin-top: 20px;padding: 0;}
h1, h2, h3 {margin: 0;text-transform: lowercase;font-family:Georgia;font-weight: normal;color: #006EA6; }
h1 {letter-spacing: -1px;font-size: 35px; }
h2 {font-size: 26px; }
p, ul, ol {margin: 0 0 2em 0;text-align: justify;line-height: 26px; }
a:link {color: #0094E0; } a:hover, a:active {text-decoration: none;color: #0094E0;}
a:visited {color: #0094E0; }  img {border: none; }  img.left {float: left;margin: 7px 15px 0 0;}
img.right {float: right;margin: 7px 0 0 15px; }
form {margin: 0;padding: 0; }
fieldset {margin: 0;padding: 0;border: none;}
legend {display: none; }
input, textarea, select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;}
#wrapper { }
#head {width: 900px;height: 130px;margin: 0 auto 10px auto;padding-top: 10px; }
#logo {float: left;height: 90px;background: url("https://img.webme.com/pic/c/cssplantillas/excess2.gif") no-repeat left top; }
#logo h1 {margin: 0;padding: 5px 0 0 100px;font-size: 40px;color: #0099E8;}
#logo h1 sup {vertical-align: text-top;font-size: 24px; }
#logo h1 a {color: #5F9D10;}
#logo h2 {margin: 0;padding: 0 0 0 100px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; 	font-size: 10px; color: #6D6D6D; }
#logo a { text-decoration: none; 	color: #FFFFFF; }
#menu {float: right;padding-top: 30px; }
#menu ul {margin: 0;padding: 0;list-style: none; }
#menu li {display: inline;}
#menu a {display: block;float: left;margin-left:5px;
background: url("https://img.webme.com/pic/c/cssplantillas/excess3.gif") repeat-x left top;
padding: 1px 10px;text-decoration: none;font-size: 12px;color: #FFFFFF; }
#menu a:hover {text-decoration: underline;}
#menu .active a { }
#page {width: 900px;margin: 0 auto;background: url("https://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top;}
#content {float: left;width: 570px;padding: 30px 0 0 30px; }
#sidebar {float: right;width: 230px;padding-right: 30px;padding-top: 20px; }
#sidebar ul {margin: 0;padding: 10px 0 0 0;list-style: none;}
#sidebar li {margin-bottom: 40px; }
#sidebar li ul {}
#sidebar li li {margin: 0;padding: 3px 0;border-bottom: 1px dashed #D1D1D1;}
#sidebar li li a {margin: 0;padding-left: 15px;}
#sidebar h2 {padding-bottom: 5px;font-size: 18px;font-weight: normal;color: #0094E0;}
#sidebar strong, #sidebar b {color: #8BCB2F;}
#sidebar a {text-decoration: none;color: #6D6D6D;}
#search { }
#search h2 { }
#s {width: 150px;margin-right: 5px;padding: 3px;border: 1px solid #F0F0F0; }
#x {padding: 3px;border: none;text-transform: lowercase;font-size: 11px;color: #4F4F4F; }
.box1 {padding: 20px; }
.box2 {color: #BABABA;}
.box2 h2 {margin-bottom: 15px;font-size: 16px;color: #FFFFFF; }
.box2 ul {margin: 0;padding: 0;list-style: none; }
.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {color: #EDEDED;}
#footer {background: url("https://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top;
margin: 0 auto;padding: 10px 0 0 60px;color: #353535;width: 900px;}
html>body #footer {height: auto;}
#footer-menu {}
#legal {clear:both;font-size: 11px;color: #6D6D6D;}
#legal a {color: #0094E0;}
#footer-menu {float: left;color: #353535;text-transform: capitalize;}
#footer-menu ul {margin: 0;padding: 0;list-style: none; }
#footer-menu li {display: inline; }
#footer-menu a {display: block;float: left;padding: 1px 15px 1px 15px;text-decoration: none;font-size: 11px;color: #6D6D6D;}
#footer-menu a:hover {text-decoration: underline;}
#footer-menu .active a {padding-left: 0;}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

CSS BÖLÜMÜ

#head{background-image:url("URL DE TU CABEZAL");} /* 800 X 90px */
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {margin: 0px;padding: 0;background: #333333  none;
font: 12px verdana;color: #333;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;text-transform: uppercase;color: #9E6813;}
h1, h2, h3 {}
h4, h5, h6 {}
p, ul, ol, blockquote {margin-top: 0;}
a {color: #6F4503;}
a:hover {text-decoration: none;}
img {border: none;}
/* Header */
#head {width: 800px;height: 90px;margin: 0 auto;padding: 35px 0 0 0;
background-color:#006699;border: 5px solid #FFFFFF;border-bottom: none;}
#head h1 {text-align: center;font-size: 3em;color:#fff;}
#head h2 {text-align: center;font-size: 1.4em;color:#ccc;}
#head a {text-decoration: none;color: #9E6813;color:#fff;}
#menu {width: 800px;height: 36px;font-weight:bold;margin: 0 auto;padding: 0;
background: #333 url("https://img.webme.com/pic/c/cssplantillas/zoby1.png");
border: 5px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;;}
#menu h2 {display: none;}
#menu ul {margin: 0;padding: 0;list-style: none;}
#menu li {display: inline;}
#menu a {display: block;float: left;width: 98px;height: 26px;
padding-top: 10px;text-align: center;text-decoration: none;color: #fff;}
#menu a:hover, #menu .active a {color: #ffff00;}
#content {width: 800px;margin: 0 auto;background: #FFFFFF;border: 5px solid #FFFFFF;}
#footer {width: 800px;height: 30px;margin: 0 auto;padding: 0px 0px;
background: #4E4E4E;border: 5px solid #FFFFFF;border-top: none;}
#footer p {margin: 0;padding: 0;padding-top:5px;
text-align: center;font-size: x-small;color: #CCCCCC;}
#footer a {color: #CCCCCC;}

BEYAZ TASARIM

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

<div id="sidebar">
<ul>
<li id="search">
<h2>Buscador</h2>
<form method="get" action="">
<fieldset>
<input type="text" id="s" name="s" value="" />
<input type="submit" id="x" value="Search" />
</fieldset>
</form>
</li><li>
<h2>Web's Amigas</h2>
<ul>
<li><a href="http://cssplantillas.es.tl">Css plantillas</a></li>
<li><a href="#">Web amiga 2</a></li>
<li><a href="#">Web amiga 3</a></li>
<li><a href="#">Web amiga 4</a></li>
<li><a href="#">Web amiga 5</a></li>
<li><a href="#">Web amiga 6</a></li>
<li><a href="#">Web amiga 7</a></li>
</ul></li>
<li>
<h2>Ultimos comentarios</h2>
<ul>
<li><a href="#">Comentario 1</a></li>
<li><a href="#">Comentario 2</a></li>
<li><a href="#">Comentario 3</a></li>
<li><a href="#">Comentario 4</a></li>
<li><a href="#">Comentario 5</a></li>
<li><a href="#">Comentario 6</a></li>
<li><a href="#">Comentario 7</a></li>
</ul></li></ul>
</div>
<div style="clear: both;"> </div>
</div></div>
<div id="footer">
<p id="legal">(c) 2009. Todos los derechos reservados. <a href="URL">Nombre de tu web</a> Adaptado por: <a href="http://cssplantillas.es.tl">Css Plantillas</a>.</p>
</div>

CSS BÖLÜMÜ

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
body {
margin-top: 0px;
padding: 0;
background: #FFFFFF url(http://www.fileden.com/files/2009/5/1/2426283/img01.jpg) repeat-x left top;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
color: #5C5C5C;
}
h1, h2, h3 {
margin: 0;
padding: 0;
}
h1 {
}
h2 {
}
p, ul, ol {
margin: 0 0 2em 0;
text-align: justify;
line-height: 26px;
list-style: none;
}
a {
color: #8A7645;
}
a:hover, a:active {
text-decoration: none;
color: #8A7645;
}
a:visited {
color: #8A7645;
}
img {
border: none;
}
img.left {
float: left;
margin-right: 15px;
}
img.right {
float: right;
margin-left: 15px;
}
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend {
display: none;
}
input, textarea, select {
font-size: 13px;
color: #333333;
}
#wrapper {
width: 900px;
margin: 0 auto;
padding: 0;
background: url(http://www.fileden.com/files/2009/5/1/2426283/img02.jpg) no-repeat left top;
}
#header {
width: 900px;
margin: 0 auto;
height: 170px;
}
#menu {
width: 870px;
height: 50px;
margin: 0 auto;
background: url(http://www.fileden.com/files/2009/5/1/2426283/img03.jpg) repeat-x left top;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
float: left;
height: 50px;
background: url(http://www.fileden.com/files/2009/5/1/2426283/img04.jpg) no-repeat right top;
}
#menu a {
display: block;
padding: 12px 20px 0px 20px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
color: #FFFFFF;
}
#menu a:hover {
color: #FFFFFF;
}
#menu .current_page_item a {
color: #FFFFFF;
}
#logo {
width: 880px;
height: 100px;
margin: 0 auto;
}
#logo h1, #logo h2 {
float: left;
margin: 0;
text-transform: uppercase;
line-height: normal;
}
#logo h1 {
padding: 40px 0 10px 80px;
font-size: 24px;
background: url(images/img05.jpg) no-repeat 30px 30px;
}
#logo h1 a {
text-decoration: none;
color: #BA9F5A;
}
#logo h1 a:hover { text-decoration: underline; }
#logo h2 {
padding: 50px 0 0 5px;
font: 12px Arial, Helvetica, sans-serif;
color: #28313A;
}
#logo p a {
text-decoration: none;
color: #28313A;
}
#logo p a:hover { text-decoration: underline; }
#page {
width: 860px;
margin: 0 auto;
padding: 20px 20px;
}
#content {
float: left;
width: 590px;
border-right: 1px dashed #DFE1E0;
}
#sidebar {
float: right;
width: 230px;
margin: 0;
padding: 0;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin-bottom: 40px;
}
#sidebar li ul {
}
#sidebar li li {
margin: 0;
}
#sidebar h2 {
width: 250px;
margin: 0;
padding: 0;
background: url(images/img07.jpg) no-repeat left top;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #28313A;
}
#search {
}
#search h2 {
margin-bottom: 20px;
}
#s {
width: 140px;
margin-right: 5px;
padding: 3px;
border: 1px solid #DFE1E0;
}
#x {
padding: 3px;
border: none;
background: #0A5688;
text-transform: lowercase;
font-size: 11px;
color: #FFFFFF;
}
.box1 {
padding: 20px;
}
.box2 {
color: #BABABA;
}
.box2 h2 {
margin-bottom: 15px;
font-size: 16px;
color: #FFFFFF;
}
.box2 ul {
margin: 0;
padding: 0;
list-style: none;
}
.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
color: #EDEDED;
}
#footer-wrap {
}
#footer {
width: 880px;
margin: 0 auto;
background: #E5E5E5;
}
html>body #footer {
height: auto;
}
#footer p {
font-size: 10px;
}
#legal {
clear: both;
padding-top: 17px;
text-align: center;
color: #595959;
}
#legal a {
font-weight: normal;
}