tododewebs - Desing Css

Desing Css

Hola aqui les dejo diseños
Texto por encima de la pagina

<body>   <div id="paper_left">  <div id="paper_right">  <div id="layout_wrapper">  <div id="layout_container">  <div id="layout_content">   <div id="site_title">  <h1><a href="#" _fcksavedurl="#">Dejar los Creditos</a></h1>  <h2>http://movidamix-radio.es.tl http://tododewebs.es.tl</h2>  </div>   <div id="header_image"></div>   <div class="navigation">   <ul>  <li class="current_page_item"><a href="http://brianpwg.es.tl/" _fcksavedurl="http://brianpwg.es.tl/">Menu1</a></li>  <li><a href="http://brianpwg.es.tl/" _fcksavedurl="http://brianpwg.es.tl/">Menu2</a></li>  <li><a href="http://brianpwg.es.tl/" _fcksavedurl="http://brianpwg.es.tl/">Menu3</a></li>  <li><a href="http://brianpwg.es.tl/" _fcksavedurl="http://brianpwg.es.tl/">Menu4</a></li>  <li><a href="http://brianpwg.es.tl/" _fcksavedurl="http://brianpwg.es.tl/">Menu5</a></li>  <li><a href="http://brianpwg.es.tl/" _fcksavedurl="http://brianpwg.es.tl/">Menu6</a></li>  </ul>   <div class="clearer"> </div>   </div>   <!-- Note: Uncomment this section to display subnavigation

</div> 
-->   <div id="main">   <div class="post">   <div class="post_top">  <div class="post_title"><h2><a href="http://brianpwg.es.tl/" _fcksavedurl="http://brianpwg.es.tl/">Adaptado por movidamix.es.tl y tododewebs.es.tl</a></h2></div>

Texto por debajo de la pagina

</div>   </div>   <div id="bottom">   <div class="left col3">   <h2>Tincidunt</h2>  <ul>  <li><a href="#" _fcksavedurl="#">Menu2</a></li>  <li><a href="#" _fcksavedurl="#">Menu3</a></li>  <li><a href="#" _fcksavedurl="#">Menu4</a></li>  <li><a href="#" _fcksavedurl="#">Menu5</a></li>  <li><a href="#" _fcksavedurl="#">Menu6</a></li>  </ul>   </div>   <div class="left col3">   <h2>Sed purus</h2>   <ul>  <li><a href="#" _fcksavedurl="#">Menu2</a></li>  <li><a href="#" _fcksavedurl="#">Menu3</a></li>  <li><a href="#" _fcksavedurl="#">Menu4</a></li>  <li><a href="#" _fcksavedurl="#">Menu5</a></li>  <li><a href="#" _fcksavedurl="#">Menu6</a></li>  </ul>   </div>   <div class="right col3last">   <h2>Praesent</h2>   <ul>  <li><a href="#" _fcksavedurl="#">Menu2</a></li>  <li><a href="#" _fcksavedurl="#">Menu3</a></li>  <li><a href="#" _fcksavedurl="#">Menu4</a></li>  <li><a href="#" _fcksavedurl="#">Menu5</a></li>  <li><a href="#" _fcksavedurl="#">Menu6</a></li>  </ul>   </div>   <div class="clearer"> </div>   </div>   <div id="footer">   <div class="left">© 2008 Website name</div>   <div class="right"><a href="http://templates.arcsin.se/" _fcksavedurl="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/" _fcksavedurl="http://arcsin.se/">Arcsin</a></div>   <div class="clearer"> </div>   </div>   </div>  </div>  </div>  </div>  </div>   </body>  </html>

Css code

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;}   /* --------------------------------  General  ----------------------------------- */   html {  font-size: 62.5%; /* reset 1em to 10px */  height: 100%;  }   body {  background: #444 url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/body.jpg');  color: #444;  font: normal 1.2em Verdana,Arial,sans-serif;  height: 100%;  padding-bottom: 1px; /* force scrollbars */  padding-top: 64px;  }   small,.small {font-size: 0.9em;}   a {  color: #EEC;  text-decoration: none;  }  a:hover {  color: #FFA;  text-decoration: underline;  }   p {padding: 0.2em 0 1.2em;}   blockquote, code {  background: #4A4A4A;  border: 1px solid #333;  color: #BBB;  display: block;  margin-bottom: 12px;  }  code {  font: normal 0.9em Verdana,sans-serif;  line-height: 1.5em;  padding: 8px 14px;  }  blockquote {  background: #4A4A4A url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/quote.gif') no-repeat left top;  padding: 6px 14px 6px 44px;  }  blockquote p {padding: 0.5em 0;}    /* --------------------------------  Headings, titles  ----------------------------------- */   h1 {font: normal 2em Georgia,sans-serif;}  h2 {font: normal 1.6em Georgia,sans-serif;}  h3 {font: normal 1.4em Georgia,sans-serif;}  h4 {font: bold 1em Georgia,sans-serif;}   h1, h2, h3, h4 {margin-bottom: 5px;}    /* --------------------------------  Main layout  ----------------------------------- */   #paper_left {  background: url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/paper_left.gif') no-repeat left top;  margin: 0 auto;  padding-bottom: 34px;  width: 778px;  }  #paper_right {  background: url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/paper_right.gif') no-repeat right bottom;  }   #layout_wrapper {  background: #50504A url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/grain_dark.gif');  margin: 0 auto;  width: 736px;  }  #layout_container {padding: 8px;}  #layout_content {border: 1px solid #333;}   #header_image {  height: 160px;  background: #222 url(https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/header.jpg) no-repeat;  border-bottom: 1px solid #222;  border-top: 1px solid #111;  }    /* --------------------------------  Site title  ----------------------------------- */   #site_title {  background: #222;  padding: 12px 20px;  }  #site_title h1 {  color: #EED;  font: normal 2em Georgia,sans-serif;  margin: 0 0 5px;  }  #site_title h2 {  color: #BFBFB6;  font: normal 1.1em sans-serif;  margin: 0;  }    /* --------------------------------  Navigation  ----------------------------------- */   .navigation {  background: #353535 url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/navigation.jpg') repeat-x;  border-bottom: 1px solid #222;  border-top: 1px solid #555;  }  .navigation ul {display: inline; margin: 0;}  .navigation ul li {  border-right: 1px solid #303030;  float: left;  list-style: none;  }  .navigation a {  color: #AAA;  display: block;  font: bold 1em Verdana,sans-serif;  padding: 12px 14px;  text-decoration: none;  }  .navigation a:hover {  background: #444;  color: #E5E5D5;  text-decoration: none;  }  .navigation li.current_page_item a {  background: none;  color: #EEE;  }   /* Sub navigation */  #subnav a {  padding: 10px;  font-size: 0.9em;  }    /* --------------------------------  Main  ----------------------------------- */   #main {  background: #4A4A4A;  color: #CCC;  }    /* --------------------------------  Bottom  ----------------------------------- */   #bottom {  background: #222;  border-bottom: 1px solid #1A1A1A;  border-top: 1px solid #2A2A2A;  color: #AAA;  padding: 16px;  }  #bottom ul li {  border-bottom: 1px solid #303030;  }  #bottom ul li a {  color: #777;  display: block;  padding: 4px 6px;  }  #bottom ul li a:hover {  background: #2A2A2A;  color: #FFC;  text-decoration: none;  }   /* Tag cloud */  #tag_cloud a {color: #777;}  #tag_cloud a:hover {color: #FFC;}   /* --------------------------------  Footer  ----------------------------------- */   #footer {  background: #2A2A2A;  border-bottom: 1px solid #1A1A1A;  border-top: 1px solid #333;  color: #888;  font-size: 0.9em;  padding: 10px 12px;  }  #footer a {color: #AAA;}  #footer .right,#footer .right a {color: #555;}  #footer a:hover {color: #BBB;}    /* --------------------------------  Floats  ----------------------------------- */   .left {float: left;}  .right {float: right;}  .clear,.clearer {clear: both;}  .clearer,.block {  display: block;  line-height: 0;  font-size: 0;  }  .clearer {height: 0;}    /* --------------------------------  Misc  ----------------------------------- */   /* Columns */  .col3, .col3last {width: 31%; margin-right: 3%;}  .col3last {margin-right: 0;}   /* Images */  img.bordered {padding: 3px; background: #666;}   /* Text */  .tleft {text-align: left;}  .tcenter {text-align: center;}  .tright {text-align: right;}  .vtop {vertical-align: top;}   /* Icons */  span.comment {background: url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/icon_comment.gif') no-repeat left center; padding-left: 18px;}   /* Label */  .label {  background: #222 url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/post_top.gif') repeat-x left top;  border-bottom: 2px solid #555;  color: #BBB;  margin: 0;  padding: 0.5em 0.8em 0.6em;  }   /* Margin, padding, width, height */  .ptb10 {padding: 10px 0;}   /* --------------------------------  Posts  ----------------------------------- */   .post {  background: #363636;  border-bottom: 1px solid #111;  }  .post_top {  background: #222 url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/post_top.gif') repeat-x left top;  border-bottom: 4px solid #777;  border-top: 1px solid #3A3A3A;  padding: 10px 16px 13px;  }  .post_title h2 {  font-size: 2em;  margin: 0;  padding: 0;  }  .post_body {  background: url('https://img.webme.com/pic/h/hostindeimagenesdebrianpwg/post_body.jpg') no-repeat left top;  border-top: 1px solid #333;  padding: 16px 16px 0;  }  .post_metadata {padding: 10px;}  .post_metadata .content {  background: #424242;  color: #999;  font-size: 0.9em;  padding: 10px 12px;  }  .post_metadata a {color: #BBB;}  .post_metadata a:hover {color: #DDD;}   .post_body ul, .post_body ol {margin: 0 0 1em 1.5em;}  .post_body ul {list-style: disc;}  .post_body ol {list-style: decimal;}    /* ----------------------------------------  Forms  ------------------------------------------- */   form {margin: 0; padding: 0;}   /* Inputs */  input#s, textarea, input.styled {  background: #DDD;  border: 3px solid #555;  font: normal 1em Verdana,sans-serif;  padding: 3px;  width: 160px;  }  textarea {width: 440px;}   /* Seachform */  table.search {  border-collapse: collapse;  width: 250px;  }  table.search td {vertical-align: top;}    /* ----------------------------------------  Comments  ------------------------------------------- */   .comment_gravatar {width: 48px;}  .comment_gravatar img {  background: #666;  border: 1px solid #444;  padding: 2px;  }  .comment_author {  color: #EEE;  padding-top: 2px;  }   /* ----------------------------------------  Lists  ------------------------------------------- */   .nicelist {padding: 0;}  .nicelist ol {margin: 0;}  .nicelist ol li {  border-bottom: 1px solid #333;  border-top: 1px solid #505050;  list-style: none;  padding: 8px 10px 1px;  }  .nicelist ol li:first-child {border-top: none;}  .nicelist li.alt {background: #444;}  .nicelist .body {padding-top: 5px;}  .nicelist .date {  color: #999;  font-size: 0.9em;  padding-top: 4px;  }  .nicelist .date a {  color: #BBB;  text-decoration: none;  }  .nicelist .date a:hover {text-decoration: underline;}    /* ----------------------------------------  Archives  ------------------------------------------- */   .archive_title {font: normal 1.4em sans-serif;}  .archive_title a {text-decoration: none;}  .archive_title a:hover {text-decoration: underline;}  .archive_postinfo {padding-bottom: 6px;}    /* ----------------------------------------  Pagination  ------------------------------------------- */   .pagenavigation {  background: #555;  border-top: 1px solid #444;  font-size: 0.9em;  padding: 7px 8px 9px;  }  .pagenavigation a {  color: #CCC;  text-decoration: none;  }  .pagenavigation a:hover {  color: #FFF;  text-decoration: underline;  }

Ese fue uno aqui abajo otro
Texto por encima de la pagina

html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>   <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC' rel='stylesheet' type='text/css'/>  <link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>  <FCK:meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />  <script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(d,i,e){e=e?e:(new Date).getTime();this.t[d]=[e,i]};this.tick("start",null,b)}var f=new c;a.jstiming={Timer:c,load:f};try{var g=null;if(a.chrome&&a.chrome.csi)g=Math.floor(a.chrome.csi().pageT);if(g==null)if(a.gtbExternal)g=a.gtbExternal.pageT();if(g==null)if(a.external)g=a.external.pageT;if(g)a.jstiming.pt=g}catch(h){};a.tickAboveFold=function(b){b=b;var d=0;if(b.offsetParent){do d+=b.offsetTop;while(b=b.offsetParent)}b=d;b<=750&&a.jstiming.load.tick("aft")};var j=false;function k(){if(!j){j=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",k,false):a.attachEvent("onscroll",k); 
})();</script>  <FCK:meta content='true' name='MSSmartTagsPreventParsing' />  <FCK:meta content='blogger' name='generator' />   <link rel="openid.server" href="http://www.blogger.com/openid-server.g" />     <link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/3651838170-widget_css_bundle.css' />  <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=273572852194582709&zx=9c7430bc-c963-46f4-94b6-4fe30e703840"/>  <style type="text/css">#navbar-iframe { display:block }  </style>    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'></script>  <script type='text/javascript'><![CDATA[//><!-- 
/* ------------------------------------------------------------------------ 
s3Slider

Developped By: Boban KariÃ…Â¡ik -> http://www.serie3.info/ 
CSS Help: MÃƒÂ©szÃƒÂ¡ros RÃƒÂ³bert -> http://www.perspectived.com/ 
Version: 1.0

Copyright: Feel free to redistribute the script/modify it, as 
long as you leave my infos at the top. 
------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

var element = this; 
var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000; 
var current = null; 
var timeOutFn = null; 
var faderStat = true; 
var mOver = false; 
var items = $("#" + element[0].id + "Content ." + element[0].id + "Image"); 
var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

items.each(function(i) {

$(items[i]).mouseover(function() { 
mOver = true; 
});

$(items[i]).mouseout(function() { 
mOver = false; 
fadeElement(true); 
});

});

makeSlider();

};

})(jQuery); 
//--><!]]></script>  <script type='text/javascript'> 
$(document).ready(function() { 
$('#s3slider').s3Slider({ 
timeOut: 4000 
}); 
});

</script>  <script type="text/javascript"> 
if (window.jstiming) window.jstiming.load.tick('headEnd'); 
</script></head>  <body>  <div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript"> 
function setAttributeOnload(object, attribute, val) { 
if(window.addEventListener) { 
window.addEventListener("load", 
function(){ object[attribute] = val; }, false); 
} else { 
window.attachEvent('onload', function(){ object[attribute] = val; }); 
} 
} 
</script>   <div></div></div></div>    <div id='wrapper'>    <div class='container' id='container'>    <span id='skiplinks' style='display:none;'>  <a href='#main' _fcksavedurl='#main'>skip to main </a> |  <a href='#sidebar' _fcksavedurl='#sidebar'>skip to sidebar</a>   </span>  <div class='span-24'>  <div class='span-21'>  <div id='pagemenucontainer'>   </div>  </div>  <div class='span-3 feedtwitter last'>    </div>  </div>  <div class='span-24' id='headerr'>  <div class='header section' id='headerr'><div class='widget Header' id='Header1'>  <div id='header-inner'>  <div class='titlewrapper'>  <h1 class='titlee'>  Titulo de tu web  </h1>  </div>  <div class='descriptionwrapper'>  <p class='description'><span>  </span></p>  </div>  </div>   </div></div>  </div>  <div class='span-24'>  <div id='navcontainer'>  <ul id='nav'>  <li class='current-cat'><a href='inicio.htm' _fcksavedurl='inicio.htm' title='Home'>Home</a></li>  <li><a href='#' _fcksavedurl='#' title='Edit'>Edit</a></li>  <li><a href='#' _fcksavedurl='#' title='Edit'>Edit</a></li>  <li><a href='#' _fcksavedurl='#' title='Edit'>Edit</a></li>  <li><a href='#' _fcksavedurl='#' title='Edit'>Edit</a></li>  <li><a href='#' _fcksavedurl='#' title='Edit'>Edit</a></li>  </ul>  </div>  </div>     <div class='span-24' id='contentwrap'>  <div class='span-16'>  <div class='black-bg' id='slider-holder'>  <div id='s3slider'>  <ul id='s3sliderContent'>  <li class='s3sliderImage' style='display: list-item;'>  <a href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 1' src='http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4D-98ntYI/AAAAAAAABmQ/_JZNKwVPEl8/s000/1.jpg' _fcksavedurl='http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4D-98ntYI/AAAAAAAABmQ/_JZNKwVPEl8/s000/1.jpg' style='width: 610px; height: 320px;'/></a> <span style='display: block;'>  <a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE'>YOUR POST TITLE HERE</a><br/>  SOME DESCRIPTION OF YOUR POST HERE  </span>  </li>  <li class='s3sliderImage' style='display: none;'>  <a href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 2' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TN4D_SYAy1I/AAAAAAAABmU/oK_pOQjPVEY/s000/2.jpg' _fcksavedurl='http://4.bp.blogspot.com/_JUg9QsmKp5s/TN4D_SYAy1I/AAAAAAAABmU/oK_pOQjPVEY/s000/2.jpg' style='width: 610px; height: 320px;'/></a> <span style='display: none;'>  <a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>   SOME DESCRIPTION OF YOUR POST HERE  </span>  </li>  <li class='s3sliderImage' style='display: none;'>  <a href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TN4D_j8gM1I/AAAAAAAABmY/fgY_hTj9k3o/s000/3.jpg' _fcksavedurl='http://4.bp.blogspot.com/_JUg9QsmKp5s/TN4D_j8gM1I/AAAAAAAABmY/fgY_hTj9k3o/s000/3.jpg' style='width: 610px; height: 320px;'/></a> <span style='display: none;'>  <a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>  SOME DESCRIPTION OF YOUR POST HERE  </span>  </li>  <li class='s3sliderImage' style='display: none;'>  <a href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 5' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TN4D_67bE3I/AAAAAAAABmc/7mah_lTrQCg/s000/4.jpg' _fcksavedurl='http://1.bp.blogspot.com/_JUg9QsmKp5s/TN4D_67bE3I/AAAAAAAABmc/7mah_lTrQCg/s000/4.jpg' style='width: 610px; height: 320px;'/></a> <span style='display: none;'>  <a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>   SOME DESCRIPTION OF YOUR POST HERE  </span>  </li>  <li class='s3sliderImage' style='display: none;'>  <a href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 5' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TN4EAVxt7hI/AAAAAAAABmg/k6Bp9o8wxuM/s000/5.jpg' _fcksavedurl='http://1.bp.blogspot.com/_JUg9QsmKp5s/TN4EAVxt7hI/AAAAAAAABmg/k6Bp9o8wxuM/s000/5.jpg' style='width: 610px; height: 320px;'/></a> <span style='display: none;'>  <a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' _fcksavedurl='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>  SOME DESCRIPTION OF YOUR POST HERE  </span>  </li>  <li class='clear s3sliderImage'></li>  </ul>  </div>  </div>  <div id='content'>  <div class='main section' id='main'><div class='widget Blog' id='Blog1'>   <div class='blog-posts hfeed'>    <div class='post' id='post'>  <a name='2006475185564929671'></a>  <h2 class='title'>   </h2>  <div class='postdate'>   <span class='post-icons'>  </span>  </div>  <div class='post-header-line-1'></div>  <div class='entry'>

Texto por debajo de la pagina

<div style='clear: both;'></div>  <div style='clear'></div>  <div class='edit'></div>  </div>  <div class='post-footer'>  <div class='post-footer-line post-footer-line-1'>  <span class='reaction-buttons'>  </span>  <span class='star-ratings'>  </span>  </div>  <div class='post-footer-line post-footer-line-2'>  </div>  <div class='post-footer-line post-footer-line-3'>  <span class='post-location'>  </span>  </div>   </div>  </div>    </div>  <div class='navigation'>  <div class='blog-pager' id='blog-pager'>  </div>  <div class='clear'></div>  </div>  <div class='blog-feeds'>  <div class='feed-links'>   </div>  </div>  </div></div>   </div>  </div>      <div class='span-8 last'>    <div class='sidebar'>  <div id='searchh'>   </div>  <div class='addthis_toolbox'>  <div class='custom_images'>  <a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4EBL_ZbMI/AAAAAAAABmw/5oWYy3SIP8E/s000/twitter.png' _fcksavedurl='http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4EBL_ZbMI/AAAAAAAABmw/5oWYy3SIP8E/s000/twitter.png' width='32'/></a>  <a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4EBckzz0I/AAAAAAAABm0/rzWfrNgM6UQ/s000/delicious.png' _fcksavedurl='http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4EBckzz0I/AAAAAAAABm0/rzWfrNgM6UQ/s000/delicious.png' width='32'/></a>   <a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4EBvVuHWI/AAAAAAAABm4/ue9GmEy3Sa4/s000/facebook.png' _fcksavedurl='http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4EBvVuHWI/AAAAAAAABm4/ue9GmEy3Sa4/s000/facebook.png' width='32'/></a>  <a class='addthis_button_digg'><img alt='Digg' height='32' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TN4ECID06nI/AAAAAAAABm8/u-JDFAMtMSE/s000/digg.png' _fcksavedurl='http://1.bp.blogspot.com/_JUg9QsmKp5s/TN4ECID06nI/AAAAAAAABm8/u-JDFAMtMSE/s000/digg.png' width='32'/></a>  <a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://4.bp.blogspot.com/_JUg9QsmKp5s/TN4ECZXZ0VI/AAAAAAAABnA/oGysjMBybCE/s000/stumbleupon.png' _fcksavedurl='http://4.bp.blogspot.com/_JUg9QsmKp5s/TN4ECZXZ0VI/AAAAAAAABnA/oGysjMBybCE/s000/stumbleupon.png' width='32'/></a>  <a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/_JUg9QsmKp5s/TN4EC8ee57I/AAAAAAAABnE/lkncwW7ve8Y/s000/favorites.png' _fcksavedurl='http://2.bp.blogspot.com/_JUg9QsmKp5s/TN4EC8ee57I/AAAAAAAABnE/lkncwW7ve8Y/s000/favorites.png' width='32'/></a>  <a class='addthis_button_more'><img alt='More' height='32' src='http://1.bp.blogspot.com/_JUg9QsmKp5s/TN4EDEI3_0I/AAAAAAAABnI/nuHqBGxY_oE/s000/more.png' _fcksavedurl='http://1.bp.blogspot.com/_JUg9QsmKp5s/TN4EDEI3_0I/AAAAAAAABnI/nuHqBGxY_oE/s000/more.png' width='32'/></a>  </div>  <script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'></script>  </div>  <ul>  <div class='section' id='sidebar1'><div class='widget LinkList' id='LinkList5'>  <h2>MENU</h2>  <div class='widget-content'>  <ul>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>links.com</a></li>   <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>links.com</a></li>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>links.com</a></li>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>links.com</a></li>  </ul>  <div class='clear'></div>  <span class='widget-item-control'>  <span class='item-control blog-admin'>  <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=273572852194582709&widgetType=LinkList&widgetId=LinkList5&action=editWidget' _fcksavedurl='http://www.blogger.com/rearrange?blogID=273572852194582709&widgetType=LinkList&widgetId=LinkList5&action=editWidget' onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22LinkList5%22))%3B'" target='configLinkList5' title='Editar'>  <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' _fcksavedurl='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>  </a>  </span>  </span>  <div class='clear'></div>  </div>   </div><div class='widget LinkList' id='LinkList2'>  <h2>MENU2</h2>  <div class='widget-content'>  <ul>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>links.com</a></li>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>links.com</a></li>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>links.com</a></li>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>links.com</a></li>  </ul>  <div class='clear'></div>  <span class='widget-item-control'>  <span class='item-control blog-admin'>   <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=273572852194582709&widgetType=LinkList&widgetId=LinkList2&action=editWidget' _fcksavedurl='http://www.blogger.com/rearrange?blogID=273572852194582709&widgetType=LinkList&widgetId=LinkList2&action=editWidget' onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22LinkList2%22))%3B'" target='configLinkList2' title='Editar'>  <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' _fcksavedurl='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>  </a>  </span>  </span>  <div class='clear'></div>  </div>  </div><div class='widget LinkList' id='LinkList3'>  <h2>MENU3</h2>  <div class='widget-content'>  <ul>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>Links.com</a></li>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>Links.com</a></li>  <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>Links.com</a></li>   <li><a href='http://links.com/' _fcksavedurl='http://links.com/'>Links.com</a></li>  </ul>  <div class='clear'></div>  <span class='widget-item-control'>  <span class='item-control blog-admin'>  <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=273572852194582709&widgetType=LinkList&widgetId=LinkList3&action=editWidget' _fcksavedurl='http://www.blogger.com/rearrange?blogID=273572852194582709&widgetType=LinkList&widgetId=LinkList3&action=editWidget' onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22LinkList3%22))%3B'" target='configLinkList3' title='Editar'>  <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' _fcksavedurl='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>  </a>  </span>  </span>  <div class='clear'></div>  </div>  </div>  </div>  </ul>  </div>     </div>    </div>      <div class='span-24'>  <div id='footer'>  © 2010 <strong><a href='http://tuweb.es.tl/' _fcksavedurl='http://tuweb.es.tl/'>http://movidamix-radio.es.tl</a></strong> |visiten las web de nosotros:D <a href='http://www.movidamix-radio.es.tl/' _fcksavedurl='http://www.movidamix-radio.es.tl/' target='_blank'><strong>http://tododewebs.es.tl</strong></a>  </div>   <div id='credits'>powered by <a href='http://blogger.com/' _fcksavedurl='http://blogger.com/'><strong>Blogger</strong></a> | WordPress by <a href='http://newwpthemes.com/' _fcksavedurl='http://newwpthemes.com/' target='_blank'><strong>Newwpthemes</strong></a> | Converted by <a href='http://www.bloggertheme.net/' _fcksavedurl='http://www.bloggertheme.net/' target='_blank'><strong>BloggerTheme</strong></a></div>  </div>    </div>    </div>    <script type="text/javascript"> 
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore'); 
</script><script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/1166161861-widgets.js"></script>   </body>  </html>

Css code

#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[height ="102"] {margin-left:auto;margin-right:auto;margin-top:-15px;}  */  body#layout #subscription,body#layout #topsearch,body#layout #footer,body#layout #footer2 {display:none;}*{margin:0;padding:0}#navbar-iframe{display:none}  /* -----------------------------------------------------------------------  */  /* reset.css */  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}  body {line-height:1.5;}   caption, th, td {text-align:left;font-weight:normal;}   blockquote:before, blockquote:after, q:before, q:after {content:"";}  blockquote, q {quotes:"" "";}  a img {border:none;}  /* typography.css */  body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}  h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#a7bbcc;}  h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}  h2 {font-size:2em;margin-bottom:0.75em;}  h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}  h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}  h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}  h6 {font-size:1em;font-weight:bold;}  h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}  p {margin:0 0 1.5em;}  p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}  p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}  a:focus, a:hover {color:#000;}  a {color:#009;text-decoration:underline;}  blockquote {margin:1.5em;color:#666;font-style:italic;}  strong {font-weight:bold;}  em, dfn {font-style:italic;}  dfn {font-weight:bold;}  sup, sub {line-height:0;}  abbr, acronym {border-bottom:1px dotted #666;}  address {margin:0 0 1.5em;font-style:italic;}  del {color:#666;}  pre {margin:1.5em 0;white-space:pre;}  pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}  li ul, li ol {margin:0 1.5em;}  ul, ol {margin:0 1.5em 1.5em 1.5em;}  ul {list-style-type:disc;}  ol {list-style-type:decimal;}  dl {margin:0 0 1.5em 0;}  dl dt {font-weight:bold;}  dd {margin-left:1.5em;}   th {font-weight:bold;}  thead th {background:#c3d9ff;}  th, td, caption {padding:4px 10px 4px 5px;}  tr.even td {background:#e5ecf9;}  tfoot {font-style:italic;}  caption {background:#eee;}  .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}  .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}  .hide {display:none;}  .quiet {color:#666;}  .loud {color:#000;}  .highlight {background:#ff0;}  .added {background:#060;color:#fff;}  .removed {background:#900;color:#fff;}  .first {margin-left:0;padding-left:0;}  .last {margin-right:0;padding-right:0;}  .top {margin-top:0;padding-top:0;}  .bottom {margin-bottom:0;padding-bottom:0;}  /* forms.css */  label {font-weight:bold;}  fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}  legend {font-weight:bold;font-size:1.2em;}  input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}  input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}  input.text, input.title {width:300px;padding:5px;}  input.title {font-size:1.5em;}  textarea {width:390px;height:250px;padding:5px;}  .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}  .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}  .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}  .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}  .error a {color:#8a1f11;}  .notice a {color:#514721;}  .success a {color:#264409;}  /* grid.css */  .container {width:950px;margin:0 auto;}  .showgrid {background:url(src/grid.png);}  .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}  .last, div.last {margin-right:0;}  .span-1 {width:30px;}  .span-2 {width:70px;}  .span-3 {width:110px;}  .span-4 {width:150px;}  .span-5 {width:190px;}  .span-6 {width:230px;}  .span-7 {width:270px;}  .span-8 {width:310px;}  .span-9 {width:350px;}  .span-10 {width:390px;}  .span-11 {width:430px;}  .span-12 {width:470px;}  .span-13 {width:510px;}  .span-14 {width:550px;}  .span-15 {width:590px;}  .span-16 {width:630px;}  .span-17 {width:670px;}  .span-18 {width:710px;}  .span-19 {width:750px;}  .span-20 {width:790px;}  .span-21 {width:830px;}  .span-22 {width:870px;}  .span-23 {width:910px;}  .span-24, div.span-24 {width:950px;margin:0;}  input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}  input.span-1, textarea.span-1 {width:18px!important;}  input.span-2, textarea.span-2 {width:58px!important;}  input.span-3, textarea.span-3 {width:98px!important;}  input.span-4, textarea.span-4 {width:138px!important;}  input.span-5, textarea.span-5 {width:178px!important;}  input.span-6, textarea.span-6 {width:218px!important;}  input.span-7, textarea.span-7 {width:258px!important;}  input.span-8, textarea.span-8 {width:298px!important;}  input.span-9, textarea.span-9 {width:338px!important;}  input.span-10, textarea.span-10 {width:378px!important;}  input.span-11, textarea.span-11 {width:418px!important;}  input.span-12, textarea.span-12 {width:458px!important;}  input.span-13, textarea.span-13 {width:498px!important;}  input.span-14, textarea.span-14 {width:538px!important;}  input.span-15, textarea.span-15 {width:578px!important;}  input.span-16, textarea.span-16 {width:618px!important;}  input.span-17, textarea.span-17 {width:658px!important;}  input.span-18, textarea.span-18 {width:698px!important;}  input.span-19, textarea.span-19 {width:738px!important;}  input.span-20, textarea.span-20 {width:778px!important;}  input.span-21, textarea.span-21 {width:818px!important;}  input.span-22, textarea.span-22 {width:858px!important;}  input.span-23, textarea.span-23 {width:898px!important;}  input.span-24, textarea.span-24 {width:938px!important;}  .append-1 {padding-right:40px;}  .append-2 {padding-right:80px;}  .append-3 {padding-right:120px;}  .append-4 {padding-right:160px;}  .append-5 {padding-right:200px;}  .append-6 {padding-right:240px;}  .append-7 {padding-right:280px;}  .append-8 {padding-right:320px;}  .append-9 {padding-right:360px;}  .append-10 {padding-right:400px;}  .append-11 {padding-right:440px;}  .append-12 {padding-right:480px;}  .append-13 {padding-right:520px;}  .append-14 {padding-right:560px;}  .append-15 {padding-right:600px;}  .append-16 {padding-right:640px;}  .append-17 {padding-right:680px;}  .append-18 {padding-right:720px;}  .append-19 {padding-right:760px;}  .append-20 {padding-right:800px;}  .append-21 {padding-right:840px;}  .append-22 {padding-right:880px;}  .append-23 {padding-right:920px;}  .prepend-1 {padding-left:40px;}  .prepend-2 {padding-left:80px;}  .prepend-3 {padding-left:120px;}  .prepend-4 {padding-left:160px;}  .prepend-5 {padding-left:200px;}  .prepend-6 {padding-left:240px;}  .prepend-7 {padding-left:280px;}  .prepend-8 {padding-left:320px;}  .prepend-9 {padding-left:360px;}  .prepend-10 {padding-left:400px;}  .prepend-11 {padding-left:440px;}  .prepend-12 {padding-left:480px;}  .prepend-13 {padding-left:520px;}  .prepend-14 {padding-left:560px;}  .prepend-15 {padding-left:600px;}  .prepend-16 {padding-left:640px;}  .prepend-17 {padding-left:680px;}  .prepend-18 {padding-left:720px;}  .prepend-19 {padding-left:760px;}  .prepend-20 {padding-left:800px;}  .prepend-21 {padding-left:840px;}  .prepend-22 {padding-left:880px;}  .prepend-23 {padding-left:920px;}  div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}  div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}  .pull-1 {margin-left:-40px;}  .pull-2 {margin-left:-80px;}  .pull-3 {margin-left:-120px;}  .pull-4 {margin-left:-160px;}  .pull-5 {margin-left:-200px;}  .pull-6 {margin-left:-240px;}  .pull-7 {margin-left:-280px;}  .pull-8 {margin-left:-320px;}  .pull-9 {margin-left:-360px;}  .pull-10 {margin-left:-400px;}  .pull-11 {margin-left:-440px;}  .pull-12 {margin-left:-480px;}  .pull-13 {margin-left:-520px;}  .pull-14 {margin-left:-560px;}  .pull-15 {margin-left:-600px;}  .pull-16 {margin-left:-640px;}  .pull-17 {margin-left:-680px;}  .pull-18 {margin-left:-720px;}  .pull-19 {margin-left:-760px;}  .pull-20 {margin-left:-800px;}  .pull-21 {margin-left:-840px;}  .pull-22 {margin-left:-880px;}  .pull-23 {margin-left:-920px;}  .pull-24 {margin-left:-960px;}  .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}  .push-1 {margin:0 -40px 1.5em 40px;}  .push-2 {margin:0 -80px 1.5em 80px;}  .push-3 {margin:0 -120px 1.5em 120px;}  .push-4 {margin:0 -160px 1.5em 160px;}  .push-5 {margin:0 -200px 1.5em 200px;}  .push-6 {margin:0 -240px 1.5em 240px;}  .push-7 {margin:0 -280px 1.5em 280px;}  .push-8 {margin:0 -320px 1.5em 320px;}  .push-9 {margin:0 -360px 1.5em 360px;}  .push-10 {margin:0 -400px 1.5em 400px;}  .push-11 {margin:0 -440px 1.5em 440px;}  .push-12 {margin:0 -480px 1.5em 480px;}  .push-13 {margin:0 -520px 1.5em 520px;}  .push-14 {margin:0 -560px 1.5em 560px;}  .push-15 {margin:0 -600px 1.5em 600px;}  .push-16 {margin:0 -640px 1.5em 640px;}  .push-17 {margin:0 -680px 1.5em 680px;}  .push-18 {margin:0 -720px 1.5em 720px;}  .push-19 {margin:0 -760px 1.5em 760px;}  .push-20 {margin:0 -800px 1.5em 800px;}  .push-21 {margin:0 -840px 1.5em 840px;}  .push-22 {margin:0 -880px 1.5em 880px;}  .push-23 {margin:0 -920px 1.5em 920px;}  .push-24 {margin:0 -960px 1.5em 960px;}  .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}  .prepend-top {margin-top:1.5em;}  .append-bottom {margin-bottom:1.5em;}  .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}  hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}  hr.space {background:#fff;color:#fff;}  .clearfix:after, .container:after {content:"�020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}  .clearfix, .container {display:block;}  .clear {clear:both;}  /* -----------------------------------------------------------------------  Blueprint CSS Framework 0.8  http://blueprintcss.org  * Copyright (c) 2007-Present. See LICENSE for more info.  * See README for instructions on how to use Blueprint.  * For credits and origins, see AUTHORS.  * This is a compressed file. See the sources in the 'src' directory.  ----------------------------------------------------------------------- */  /* print.css */  body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}  .container {background:none;}  hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}  hr.space {background:#fff;color:#fff;}  h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}  code {font:.9em "Courier New", Monaco, Courier, monospace;}  img {margin:1.5em 1.5em 1.5em 0; max-width: 100%; /* not working in IE6*/}  a img {border:none; max-width: 100%; /* not working in IE6*/}  p img.top {margin-top:0;}  blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}  .small {font-size:.9em;}  .large {font-size:1.1em;}  .quiet {color:#999;}  .hide {display:none;}  a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}  a:link:after, a:visited:after {font-size:90%;}  /* LAYOUT */  body {  background: #000000 url(http://2.bp.blogspot.com/_JUg9QsmKp5s/TN4D8I_k8jI/AAAAAAAABlw/79N2sIK2Scc/s000/background.png) left top repeat-x;  }  #wrapper {  background: url(http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4D8iSHI_I/AAAAAAAABl0/YfWdHIiYzLY/s000/background-img.jpg) center 59px no-repeat ;  }  #container {  }  #contentwrap {  }  a {  color: #3886BB;  }  a:hover {  color: #62BBF7;  }  /* HEADER */  #headerr {  height: 120px;  }  #headerr h1 {  margin-bottom: 0px !important;  padding: 25px 0 0 10px;  font-weight: normal;  font-family: 'IM Fell DW Pica SC', arial, serif;  font-weight: bold;  font-size: 80px;  }  #header h1 a, #header h1 a:visited {  color: #a7bbcc;  text-decoration: none;  }  #header h2 {  color: #BBBEC2;  font-size: 14px;  line-height: 14px;  font-family: Arial, Helvetica, Sans-serif;  }  .logoimg {  margin: 18px 0 0 15px;  }  .feedtwitter {  margin-top: 22px;  text-align: right;  }  #header .description {  color: #BBBEC2;  padding: 20px 0 0 20px;  font-family: 'Droid Serif', arial, serif;  font-size: 13px;  font-weight: bolder;  line-height: 5px;  margin: 0;  }  /* NAVIGATION MENUS */  #pagemenucontainer {  height: 38px;  margin-top: 22px;  float: right;  background: #000;  -moz-border-radius: 8px 8px 0 0;  -khtml-border-radius: 8px 8px 0 0;  -webkit-border-radius: 8px 8px 0 0;  border-radius: 8px 8x 0 0;  }  #pagemenu {  height: 38px;  float: right;  }  #pagemenu, #pagemenu ul {  padding: 0;  margin: 0;  list-style: none;  line-height: 1;  }  #pagemenu {  margin-bottom: 1px;  }  #pagemenu ul {  float: left;  list-style: none;  margin: 0px 0px 0px 0px;  padding: 0px;  }  #pagemenu li {  float: left;  list-style: none;  margin: 0px;  padding: 0px;  }  #pagemenu ul li {  list-style: none;  margin: 0px;  padding: 0px;  }  #pagemenu li a, #pagemenu li a:link {  color: #DCDCDC;  display: block;  margin: 0 0 0 6px;  padding: 15px 16px;  text-decoration: none;  font-weight: bold;  text-transform: uppercase;  font-size: 11px;  font-family: Arial, Helvetica, sans-serif;  }  #pagemenu li a:hover, #pagemenu li a:active, #pagemenu li.current_page_item a {  color: #7BA6C9;  display: block;  text-decoration: none;  }  #pagemenu li:hover, #pagemenu li.sfhover {  position: static;  }  #navcontainer {  height: 52px;  display: block;  overflow: hidden;  background: url(http://2.bp.blogspot.com/_JUg9QsmKp5s/TN4D82bDByI/AAAAAAAABl4/5VsvK5kYf-k/s000/nav-bg.png) left top repeat-x;  }  #navcontainer .current-cat a {  background: url(http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4D9PWIcJI/AAAAAAAABl8/T4qqCVufZ3g/s000/nav-hover.png) left top repeat-x;  color:#273f54;  }  /* CONTENT */  #slider-holder{width: 610px;height: 320px;overflow: hidden;  margin-bottom:-10px; margin-left:17px; margin-top:-20px;padding: 15px 0 0 0;}  #s3slider { width: 610px; /* important to be same as image width */  height: 320px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */}  #s3sliderContent {width: 610px; /* important to be same as image width or wider */  position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */}  .s3sliderImage {float: left; /* important */ position: relative; /* important */ display: none; /* important */}  .s3sliderImage span { position: absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em; color: #ffffff; padding: 20px 15px 50px 13px; height: 73px; width: 610px; background-color: #4e4d3c;  filter: alpha(opacity=70); /* here you can set the opacity of box with text */  -moz-opacity: 0.7; /* here you can set the opacity of box with text */  -khtml-opacity: 0.7; /* here you can set the opacity of box with text */  opacity: 0.7; /* here you can set the opacity of box with text */  display: none; /* important */bottom: 0;/*  if you put  top: 0; -> the box with text will be shown at the top of the image  if you put  bottom: 0; -> the box with text will be shown at the bottom of the image*/}  .s3sliderImage span a.featured-title:link,  .s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;}  .s3sliderImage span a.featured-title:hover{color: #999;}  .s3sliderImage span a:link,  .s3sliderImage span a:visited{color: #888;}  .s3sliderImage span a:hover{color: #555;}  #content {  padding: 15px 5px 15px 15px;  color: #C2CAD1;  }  pre { overflow: auto;  width: 470px;  }  .post {  padding-bottom: 5px;  margin-bottom: 20px;  border-bottom: 1px solid #2F2E2E;  }  .post p {  margin-bottom: 10px;  }  .title {  margin: 0 0 8px 0;  padding: 0px;  line-height: 28px;  font-size: 22px;  font-family: Arial, Helvetica, Sans-serif;  font-weight: bold;  color: #A6BACC;  }  .title a {  text-decoration: none;  color: #A6BACC;  }  .title a:hover {  text-decoration: none;  color: #3886BB;  }  .pagetitle {  margin-bottom: 20px;  line-height: 22px;  font-family: Arial, Verdana;  text-decoration: underline;  color: #A6BACC;  }  .postdate {  font-size: 12px;  font-family: Arial, Helvetica, Sans-serif;  color: #81878c;  }  .postmeta {  font-size: 11px;  padding: 2px 4px;  font-family: Arial, Verdana;  }  .postdate img, .postmeta img {  border: none;  vertical-align: middle;  margin:2px;  }  .entry {  text-align: justify;  line-height: 20px;  padding-top: 8px;  font-family: Arial, Verdana;  font-size: 12px;  }  .navigation {  padding: 10px 0;  }  blockquote {  overflow: hidden;  padding-left: 9px;  font-style: italic;  color: #666;  border-left: 3px solid #CADAE7;  }  img.wp-smiley {  max-height: 12px;  margin: 0;  padding: 0;  border: none;  }  .aligncenter,  div.aligncenter {  display: block;  margin-left: auto;  margin-right: auto;  }  .alignleft {  float: left;  }  .alignright {  float: right;  }  /* SIDEBAR(S) */  .sidebaradbox {  margin-top: 10px;  text-align:center;  }  .ad125 {  margin: 6px;  }  .sidebar {  margin: 0 10px 10px 10px;  font-size: 13px;  color: #75818C;  }  .sidebar a {  text-decoration: none;  color: #75818C;  }  .sidebar a:hover {  text-decoration: underline;  color: #328BC9;  }  #search {  border: 1px solid #4F4F4F;  height: 28px;  padding: 2px 0;  background: #383939;  text-align: right;  margin-top: 15px;  }  #search input {  border: 0;  background: none;  color: #939393;  }  #s {  width: 240px;  padding: 4px;  margin:2px 0 0 0;  background: none;  }  #topsearch #search {  margin: 10px 0 0 0;  padding-right: 4px;  }  #topsearch #s {  width: 244px;  }  /* Social icons */  .addthis_toolbox {  padding: 15px 0 0px 0;  text-align: center;  }  .addthis_toolbox .custom_images a  {  width: 32px;  height: 32px;  margin: 0 -8px 0 -8px;  padding: 0;  }  .addthis_toolbox .custom_images a:hover img  {  opacity: 1;  }  .addthis_toolbox .custom_images a img  {  opacity: 0.85;  }  .sidebarvideo {  }  .sidebar h2 {  margin: 10px 0 2px 0;  padding: 10px 10px;  text-align: left;  font-size: 16px;  line-height: 16px;  color: #FFFFFF;  font-family: Arial, Helvetica, Sans-serif;  font-weight: bold;  text-transform: uppercase;  border: 1px solid #494848;  }  .sidebar ul {  list-style-type: none;  margin: 0px 0px 10px 0px;  padding: 0px;  }  .sidebar ul li {  list-style-type: none;  margin: 0px 0px 5px 0px;  padding: 0px;  }  .sidebar ul ul {  list-style-type: none;  margin: 0px;  padding: 0px;  }  .sidebar ul li li, .sidebar ul li {  padding: 6px 0px 6px 4px;  margin: 0;  border-bottom: 1px dashed #273034;  }  /* FOOTER */  #footer {  padding: 22px;  text-align: center;  color: #A6BACC;  font-size: 13px;  background: url(http://4.bp.blogspot.com/_JUg9QsmKp5s/TN4D9-m2HaI/AAAAAAAABmA/QObNNyF6Ehk/s000/footer-bg.png) left top repeat-x;  margin-top: 15px;  }  #footer a {  color: #A6BACC;  }  #footer a:hover {  text-decoration: none;  color: #A6BACC;  }  #credits {  color: #7D7D7D;  font-size: 11px;  text-align: center;  padding: 10px;  }  #credits a {  color: #7D7D7D;  text-decoration: none;  }  /* COMMENTS */  #comments h3 {  margin-bottom: 10px;  }  #commentform input {  width: 170px;  padding: 2px;  margin: 5px 5px 1px 0;  }  #commentform {  margin: 5px 10px 0 0;  }  #commentform textarea {  width: 100%;  padding: 2px;  }  #respond:after {  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;  }  #commentform #submit {  margin: 0 0 5px auto;  float: right;  }  .alt {  margin: 0;  padding: 10px;  }  .commentlist {  padding: 0;  text-align: justify;  }  .commentlist li {  margin: 15px 0 10px;  padding: 5px 5px 10px 10px;  list-style: none;  }  .commentlist li ul li {  margin-right: -5px;  margin-left: 10px;  }  .commentlist p {  margin: 10px 5px 10px 0;  }  .children { padding: 0; }  #commentform p {  margin: 5px 0;  }  .nocomments {  text-align: center;  margin: 0;  padding: 0;  }  .commentmetadata {  margin: 0;  display: block;  }  .post_thumbnail {  padding: 6px;  border: 1px solid #2F2E2E;  margin: 0 10px 10px 0;  }  ol.commentlist .avatar-image-container{  position:relative;  float: left;  margin: 0;  padding: 0 2px 0px 0;  border:none;  }  .commentlist .avatar-image-container img {  background:url(http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4D-FzoWLI/AAAAAAAABmE/xsgnaaLXZw8/s000/grav.png);  width:32px;  height:32px;  }  .reactions-label-cell {  line-height: 1.7em;  }  p.comment-footer {  padding: 15px 0 15px 0px;  }  .comment-form{  margin:25px 0px 0px 0px;  max-width:632px !important;  width:632px !important;  }  h4.backlinks{  font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;  font-size:1.5em;  line-height:1;  padding:0 0 15px 0px;  margin:0 0 10px 0px;  }  a.comment-link {  margin: 0px 0 0px 0px;  }  #blog-pager{  text-align: center;  padding: 0px 0 35px 0;  }  .feed-links{  }  .feed-links a:hover{  }  .feed-link{  }  .feed-link a:hover{  }  #backlinks-container{  }  /* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish  * Dropdowns by Patrick Griffiths and Dan Webb.  * http://carroll.org.uk/sandbox/suckerfish/bones2.html  */  /* ----[ LINKS ]----*/  /* all menu links */  #nav a, #subMenusContainer a {  text-decoration:none;  display:block;  }  /* Just main menu links --[for non-javascript users this applies to submenu links as well]*/  #nav a {  margin:0;  float:left;  background: none;  padding:22px 15px 18px 15px;  color: #fff;  font-weight: bold;  text-transform: uppercase;  font-size: 12px;  }  /* All menu links on hover or focus */  #nav li a:hover,  #nav li a:focus,  #nav a.mainMenuParentBtnFocused{  background: url(http://3.bp.blogspot.com/_JUg9QsmKp5s/TN4D9PWIcJI/AAAAAAAABl8/T4qqCVufZ3g/s000/nav-hover.png) left top repeat-x;  color:#273f54;  }  /* Just sub menu links */  #subMenusContainer a, #nav li li a {  color: #273f54;  font-size: 12px;  text-align:left;  background-color:#E1E1E1;  padding:10px 20px;  text-shadow: none;  }  /* sub menu links on hover or focus */  #subMenusContainer a:hover,  #subMenusContainer a:focus,  #subMenusContainer a.subMenuParentBtnFocused {  background: #F1F1F1;  color:#273f54;  text-shadow: none;  }  /* Parent Sub Menu Links ---[javascript users only]*/  .subMenuParentBtn {  background: url(../img/arrow_right.gif) right center no-repeat;  }  /* Parent Sub Menu Links on hover or focus ---[javascript users only]*/  .subMenuParentBtnFocused {  background: url(../img/arrow_right_over.gif) right center no-repeat;  }  /* Parent Main Menu Links ---[javascript users only]*/  .mainMenuParentBtn {  /*background: url(../img/arrow_down.gif) right center no-repeat;*/  }  /* Parent Main Menu Links on hover or focus ---[javascript users only]*/  .mainMenuParentBtnFocused {  /*background: url(../img/arrow_down_over.gif) right center no-repeat;*/  }  /* ----[ OLs ULs, LIs, and DIVs ]----*/  /* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */  .smOW {  display:none;  position: absolute;  overflow:hidden;  /*the 2px left & right padding lets you have a 1px border  on the ul or ol inside since overflow is set to hidden*/  padding:0 2px;  margin:0 0 0 -2px;  }  /* All ULs and OLs */  #nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {  padding: 0;  margin: 0;  list-style: none;  line-height: 1em;  }  /* All submenu OLs and ULs */  #nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {  /*border around submenu goes here*/  background: none;  left:0;  }  /* List items in main menu --[for non-javascript users this applies to submenus as well] */  #nav li {  /*great place to use a background image as a divider*/  background-image:url(../img/mainnav-sep.gif);  background-repeat:no-repeat;  background-position: 100% 5px;  cursor: pointer;  float: left;  margin: 0 2px 0 0;  padding: 0 2px 0 0;  height: 52px;  display: inline;  }  #subMenusContainer li {  list-style: none;  }  /* main menu ul or ol elment */  #nav {  width: 950px;  margin: 0 auto;  clear: both;  overflow: hidden;  font-size: 12px;  display: block;  }  #nav .children{  display: none;  }  #subMenusContainer {  display:block;  position:absolute;  top:0;  left:0;  width:100%;  height:0;  overflow:visible;  z-index:1000000000;  }   -->

Aqui tenemos otro diseño css

Texto por encima de la pagina

Texto por debajo de la pagina

<div id="sidebar">   <div id="sidebar-top">  <h3>http://movidamix-radio.es.tl</h3>  <ul>  <li class="page_item page-item-2"><a href="#" _fcksavedurl="#" ">Foro</a></li>  <li><a href="#" _fcksavedurl="#">Normas del Foro</a></li>  <li><a href="#" _fcksavedurl="#">Moderadores del Foro</a></li>   </ul>  </div>     <div id="sidebar-bottom">  <h3>http://tododewebs.es.tl</h3>  <ul class='xoxo blogroll'>  <li><a href="#" _fcksavedurl="#">Enlace 1</a></li>  <li><a href="#" _fcksavedurl="#">Enlace 2</a></li>  <li><a href="#" _fcksavedurl="#">Enlace 3</a></li>  <li><a href="#" _fcksavedurl="#">Enlace 4</a></li>  <li><a href="#" _fcksavedurl="#">Enlace 5</a></li>  </ul>  </div>    <div id="sidebar-bottom">  <h3>Lo mas Destacado</h3>  <ul class='xoxo blogroll'>  <li><a href="#" _fcksavedurl="#">Enlace 1</a></li>  <li><a href="#" _fcksavedurl="#">Enlace 2</a></li>  <li><a href="#" _fcksavedurl="#">Enlace 3</a></li>  <li><a href="#" _fcksavedurl="#">Enlace 4</a></li>  <li><a href="#" _fcksavedurl="#">Enlace 5</a></li>  </ul>  </div>    </div>  </div>  </div>  <div id="front-popular" class="clearfloat">  <div id="recentpost" class="clearfloat">  <h3>Nombre</h3>  <ul id="recentcomments">  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>   </ul>  </div>   <div id="mostcommented" class="clearfloat">  <h3>Nombre</h3>  <ul>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  <li><a href='#' _fcksavedurl='#'>Nombre</a></li>  </ul>  </div>   <div id="recent_comments" class="clearfloat">  <img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" _fcksavedurl="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" width="280px" height="210px" /> </div>  </div>  <div id="footer">  Potenciado por <a href="http://es.tl" _fcksavedurl="http://es.tl">Pagin web gratis</a> | Diseño Creado por : www.Team-AyudaWebs.es.tl  </div>

Css code

Aqui otro diseño
Texto por encima

<!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">   <head profile="http://gmpg.org/xfn/11">  <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8"  />  <FCK:meta name="verify-v1" content="TgVi8CJ2T/vQ714ZoAfg5tPUNHFdpHWOXh/el2CXit0="  />   <title>Web Hosting Reviews & Mac Wordpress Theme | MangoOrange™</title>   <FCK:meta name="generator" content="WordPress 3.0"  />    <link rel="stylesheet" href="" type="text/css" media="all" />  <link rel="stylesheet" href="http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/print.css" type="text/css" media="print" />      <script type="text/javascript" src="http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/dbx.js"></script>  <script type="text/javascript" src="http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/dbx-key.js"></script>  <link rel="stylesheet" type="text/css" href="http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/dbx.css" media="screen, projection" />  <link href="http://www.mangoorange.com/table/table.css" rel="stylesheet" type="text/css" />      <link rel="alternate" type="application/rss+xml" title="MangoOrange™ RSS Feed" href="http://www.mangoorange.com/feed/" />  <link rel="pingback" href="http://www.mangoorange.com/xmlrpc.php" />   <link rel='stylesheet' id='contact-form-7-css' href='http://www.mangoorange.com/wp-content/plugins/contact-form-7/stylesheet.css?ver=2.0.5' type='text/css' media='all' />  <link rel='stylesheet' id='sociable-front-css-css' href='http://www.mangoorange.com/wp-content/plugins/sociable/sociable.css?ver=3.0' type='text/css' media='all' />  <script type='text/javascript' src='http://www.mangoorange.com/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.mangoorange.com/xmlrpc.php?rsd" />   <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.mangoorange.com/wp-includes/wlwmanifest.xml" />  <link rel='index' title='MangoOrange™' href='http://www.mangoorange.com/' />  <FCK:meta name="generator" content="WordPress 3.0"  />     <FCK:meta name="description" content="MangoOrange.com brings you the latest web hosting reviews, ratings, coupon codes, web hosting articles, and the most downloaded Mac Wordpress theme."  />  <FCK:meta name="keywords" content="i2theme, i3theme, wordpress theme, mangoorange, web hosting"  />    <style type='text/css'>@import "http://www.mangoorange.com/wp-content/plugins/technorati-rank/style.css";</style>  <style type="text/css">  .wptable {  border-width: 1 px;  border-color: #E58802;  border-style: solid;  }   .wptable th {  border-width: 1px;  border-color: #E58802;  background-color: #E58802;  border-style: solid;  }   .wptable td {  border-width: 1px;  border-color: #E58802;  border-style: solid;  }   .wptable tr.alt {  background-color: #F4F4EC;  }   </style>  `  </head>  <body>  <div id="page">  <div id="wrapper">   <div id="header">  <h1><a href="http://www.perceoz.es.tl" _fcksavedurl="http://www.perceoz.es.tl">tu web</a></h1>  <div class="description">aqui una descripcion de tu web o cualquier otra cosa</div>  <form method="get" id="searchform" action="http://www.mangoorange.com/">  <div><input type="text" value="Search" name="s" id="s" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search')%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'%3B%7D%22" />  <input type="submit" id="searchsubmit" value="Go" />  </div>  </form>  <br /><br /><br /><a href="http://www.perceoz.es.tl" _fcksavedurl="http://www.perceoz.es.tl"><img src="https://img.webme.com/pic/v/vizlathemes/movible.png" _fcksavedurl="https://img.webme.com/pic/v/vizlathemes/movible.png" alt="WordPress Web Hosting" width="299" height="60" hspace="27" class="alignright" title="WordPress Web Hosting" /></a> </div>      <table id="layout">  <tr>  <td class="sidebars">  <div class="dbx-group" id="sidebar-left">   <div id="sidebar-login" class="dbx-box widget_sidebarLogin"><h3 class="dbx-handle">Login</h3><div class="dbx-content"><form action="http://www.mangoorange.com/" method="post" >  <p><label for="user_login">Username:<br/><input name="log" value="" class="mid" id="user_login" type="text" /></label></p>  <p><label for="user_pass">Password:<br/><input name="pwd" class="mid" id="user_pass" type="password" /></label></p>   <p><label for="rememberme"><input name="rememberme" class="checkbox" id="rememberme" value="forever" type="checkbox" /> Remember me</label></p>  <p class="submit"><input type="submit" name="wp-submit" id="wp-submit" value="Login »" />  <input type="hidden" name="sidebarLogin_posted" value="1" />  <input type="hidden" name="testcookie" value="1" /></p>  </form>   <ul class="sidebarLogin_otherlinks"> <li><a href="http://www.mangoorange.com/wp-login.php?action=register" _fcksavedurl="http://www.mangoorange.com/wp-login.php?action=register">Register</a></li>  <li><a href="http://www.mangoorange.com/wp-login.php?action=lostpassword" _fcksavedurl="http://www.mangoorange.com/wp-login.php?action=lostpassword" title="Password Lost and Found">Lost your password?</a></li>    </ul>   </div></div><div id="text-379247495" class="dbx-box widget_text"><h3 class="dbx-handle">Web Hosting Articles</h3><div class="dbx-content"> <div class="textwidget"><li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>   </div>   </div></div><div id="text-379247494" class="dbx-box widget_text"><h3 class="dbx-handle">afiliado vip</h3><div class="dbx-content"> <div class="textwidget"><center><a href="https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=jburdon14&page=8" _fcksavedurl="https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=jburdon14&page=8">  <img src="https://img.webme.com/pic/p/perceoz/125.png" _fcksavedurl="https://img.webme.com/pic/p/perceoz/125.png" border=0></a></center>  </div>  </div></div>  </div>  </td>   <td>  <div id="left-col">  <div id="nav-left">   <div id="nav-right">  <div id="nav">  <ul>  <li class="page_item current_page_item"><a href="http://www." _fcksavedurl="http://www." title="Home">Home</a></li>  <li class="page_item page-item-2"><a href="http://www." _fcksavedurl="http://www." title="About">nombre</a></li>  <li class="page_item page-item-35"><a href="http://www." _fcksavedurl="http://www." title="Free WordPress Themes">nombre</a></li>  <li class="page_item page-item-613"><a href="http://www." _fcksavedurl="http://www." title="Web Hosting">nombre</a></li>  </ul>   </div>  </div>  </div>     <div id="content-padding">  <div id="content">  <br /><h2>aqui un titulo</h2>      <p>

Texto por debajo de la pagina

div class="post" id="post-1205">  <table id="post-head">  <tr>   </td>  <td>  <div class="title">   </div>  </td>  </tr>  </table>   <div class="entry">   <div class="sociable">  <div class="sociable_tagline">   <strong>Share and Enjoy:</strong>  </div>   </div>   <p class="submeta">design by <strong>tododewebs.es.tl</strong>   tags: <a href="http://movidamix-radio.es.tl/" _fcksavedurl="http://movidamix-radio.es.tl/" rel="tag">movidamix-radio.es.tl</a>, </p>   </div>   </div>   <div class="page-nav-left">  <div class="page-nav-right">  <div class="page-nav"> <span class="previous-entries"><a href="http://movidamix-radio.es.tl" _fcksavedurl="http://movidamix-radio.es.tl" >Previous Entries</a></span> <span class="next-entries"></span>   </div></div>  </div>    </div>  </div>  <div id="footer-left">  <div id="footer-right">  <div id="footer">  <span class="mangoorange">    <script type="text/javascript" src="http://w3counter.com/tracker.js"></script>  <script type="text/javascript"> 
w3counter(31217); 
</script>   <noscript> 
<div><a href="http://www.w3counter.com"><img src="http://w3counter.com/tracker.php?id=31217" style="border: 0" alt="W3Counter" /></a></div> 
</noscript>     design by: <a href="http://www.vizlathemes" _fcksavedurl="http://www.vizlathemes">vizlathemes</a> , , <a href="http://www.vizlathemes" _fcksavedurl="http://www.vizlathemes">vizlathemes</a>, <a href="http://www.vizlathemes.es.tl" _fcksavedurl="http://www.vizlathemes.es.tl">vizlathemes</a></div>   </div>   </div>  </div>   </td>   <td class="sidebars">  <div class="dbx-group" id="sidebar-right">   <div id="text-1" class="dbx-box widget_text"><h3 class="dbx-handle">categiria</h3><div class="dbx-content"> <div class="textwidget"><ul>  <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>   <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong> (3 Column)</a></li>  <li><a href="http://www." _fcksavedurl="http://www." ><strong>titulo</strong> (2 Column)</a></li>  </ul></div>  </div></div><div id="text-239132071" class="dbx-box widget_text"><h3 class="dbx-handle">categoria</h3><div class="dbx-content"> <div class="textwidget"><ul>   <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www." title="website builder"><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www."><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www." target="blank"><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www." target="blank"><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www." target="blank"><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www." title="110MB Webmaster Blog"><strong>titulo</strong></a></li>  <li><a href="http://www." _fcksavedurl="http://www." title="domain availability"><strong>titulo</strong></a></li>  </ul></div>   </div></div><div id="text-379247493" class="dbx-box widget_text"><h3 class="dbx-handle">acerca de mi</h3><div class="dbx-content"> <div class="textwidget">acerca de tu web o de ti...acerca de tu web o de ti...acerca de tu web o de ti...acerca de tu web o de ti...acerca de tu web o de ti...acerca de tu web o de ti...acerca de tu web o de ti....</div>  </div></div>   </div>  </td>  </tr>  </table>  <hr class="hidden" />   </div>   </div>   <script type='text/javascript' src='http://www.mangoorange.com/wp-includes/js/jquery/jquery.form.js?ver=2.02m'></script>  <script type='text/javascript' src='http://www.mangoorange.com/wp-content/plugins/contact-form-7/contact-form-7.js?ver=2.0.5'></script>  </p>  </body>  </html>

Css code

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: i3Theme 1.8 Classic (Center Edition)  Theme URI: http://www.perceoz.es.tl  Description: paginawebgratis theme designed by perceoz.es.tl  Version: 1.8  adaptador: manuel perez  adaprador url:http://perceoz.es.tl     */    body {  background: #42afdc url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/html-bg.gif) repeat-x;  font: 75%/170% Arial, Helvetica, sans-serif;  padding: 0px 20px;  margin: 0px;  color: #333333;  }  a {  color: #44a1d0;  text-decoration: none;  }  a:visited {  color: #5EAFD7;  }  a:hover {  text-decoration: underline;  }  p {  margin: 0px 0px 15px;  }  img {  border: none;  }  ul {  margin: 5px 0px 15px;  padding-left: 10px;  }  ul li {  margin: 0px;  list-style: none;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/bullet-orange.gif) no-repeat;  padding-left: 20px;  }  ol {  margin: 5px 0px 15px;  padding-left: 20px;  }  ol li {  margin: 0px;  }  form {  margin: 0px;  padding: 0px;  }  small {  font-size: 90%;  }  blockquote{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/blockquote.gif) no-repeat left top;  color: #777;  font-style: italic;  padding: 10px 5px 5px 36px;  }  #page {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/main-bg.jpg) no-repeat center top;  }  #wrapper {  width: 985px;  margin: 0px auto;  position: relative;  }   /* ------------------------------------- header area */  #header {  height: 120px;  }  /* site title */  h1 {  position: absolute;  top: 40px;  left: 25px;  color: #FFFFFF;  margin: 0px;  padding: 0px;  font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;  }  h1 a, h1 a:visited {  color: #FFFFFF;  text-decoration: none;  }  h1 a:hover {  color: #000000;  text-decoration: none;  }  .description {  position: absolute;  top: 77px;  left: 25px;  color: #000000;  font: 12px Arial, Helvetica, sans-serif;  }  /* search form */  #searchform {  position: absolute;  top: 0px;  right: 0px;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/searchform-bg.png) no-repeat right bottom;  height: 37px;  width: 210px;  }  #searchform #s{  background: #ffffff url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/form-field-bg.gif) no-repeat ;  height: 17px;  width: 148px;  margin: 6px 5px 0px 10px;  padding: 3px 7px 2px 5px;  color: #999999;  border: none;  }  #searchform #searchsubmit {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/search-btn.png) no-repeat left top;  height: 24px;  width: 24px;  border: none;  text-indent: -999%;  line-height: 1px;  margin-top: 6px;  }   /* ------------------------------------- main content area */  #left-col {  width: 100%;  float: left;  margin-top: 11px;  }  /* main menu */  #nav-left{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/content-top-bg-left.png) no-repeat left top;  height: 26px;  }  #nav-right{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/content-top-bg-right.png) no-repeat right top;  height: 26px;  margin-left: 25px;  }  #nav {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/content-top-bg-center.png) repeat-x left top;  height: 26px;  clear: both;  margin-right: 11px;  }  #nav ul{  list-style: none;  margin: 0;  padding: 0;  font: bold 12px/100% Arial, Helvetica, sans-serif;  }  #nav ul li{  margin: 0px 1px 0px 0px;  padding: 0px;  float: left;  background: none;  }  #nav ul li a{  padding: 5px 7px 6px 7px;  text-decoration: none;  color: #000000;  display: block;  }  #nav li a:visited{  text-decoration: none;  color: #000000;  }  #nav li a:hover, #nav .current_page_item a, #nav .current_page_item a:visited{  text-decoration: none;  background: #2e91c6 url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/nav-item-hover.gif) repeat-x;  color: #ffffff;  }  /* sub menu */  #subnav {  background: #ecebeb;   }  #subnav ul {  margin: 0px;  padding: 3px 5px 5px 5px;  list-style: none;  font: 11px/100% Arial, Helvetica, sans-serif;  }  #subnav li {  border-right: 1px solid #D8D8D8;  padding: 0px 7px;  margin: 0 0 5px;  display:inline;  line-height: 18px;  background: none;  }  #subnav li a, #subnav li a:visited, #subnav .page_item {  text-decoration: none;  color: #333333;  }  #subnav .current_page_item a, #subnav .current_page_item a:visited {  color: #3b9acc;  }  #subnav li a:hover {  text-decoration: none;  color: #3b9acc;  }  /* layout */  #layout{  width: 100%;  border-collapse: collapse;  }  #layout tr td{  vertical-align: top;  }  #layout tr td.sidebars{  width: 210px;  }   /* content */  #content-padding{  padding: 0 25px 25px 25px;  background-color: #fff;  }  #content {  padding: 25px 25px 15px 25px;  padding: 0;  width: 100%;  background: #ffffff;  clear: both;  overflow: hidden;  }  #post-head{  width: 100%;  border-collapse: collapse;  }  #post-head tr td#head-date{  width: 50px;  }  .post {  padding: 0px;  clear: both;  overflow: hidden;  margin-top: 20px;  }  .post .date {  height: 50px;  width: 45px;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/calendar.gif) no-repeat;  font: normal 22px Arial, Helvetica, sans-serif;  color: #666666;  text-align: center;  padding: 0px 2px 0 0;  line-height: 100%;  float: left;  }  .post .date span {  height: 16px;  display: block;  font: normal 11px Arial, Helvetica, sans-serif;  color: #ffffff;  text-align: center;  padding-top: 5px;  }  .post .title {  float: left;  margin-left: 10px;  width: 100%;  }  .postdata {  font-size: 90%;  color: #999999;  }  .postdata a, .postdata a:visited {  color: #999999;  text-decoration: none;  }  .postdata a:hover {  color: #44a1d0;  text-decoration: none;  }  .postdata .category{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-category.gif) no-repeat;  padding-left: 18px;  float: left;  }  .postdata .comments{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-comment.gif) no-repeat;  padding-left: 18px;  float: right;  }  .mini-add-comment {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-down-arrow.gif) no-repeat left center;  padding-left: 12px;  margin-right: 12px;  float: right;  }  .entry {  padding: 10px 0px 5px;  clear: both;  }  .entry p.submeta{  font-size: 11px;  }    /* post title */  h2 {  color: #333333;  margin: 3px 0 2px;  padding-bottom: 4px;  font: normal 150%/100% "Lucida Grande", Arial, sans-serif;  border-bottom: dotted 1px #CCCCCC;  }  h2 a, h2 a:visited {  color: #333333;  text-decoration: none;  }  h2 a:hover {  color: #44a1d0;  text-decoration: none;  }  h3 {  color: #666666;  margin: 5px 0px 5px;  font: bold 110%/110% "Lucida Grande", Arial, sans-serif;  }   /* next & previous page navigation */  .page-nav-left{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/navigation-bg-left.gif) no-repeat left top;  height: 21px;  }  .page-nav-right{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/navigation-bg-right.gif) no-repeat right top;  height: 21px;  margin-left: 10px;  }  .page-nav {  clear: both;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/navigation-bg-center.gif) repeat-x left top;  height: 21px;  margin-right: 10px;  }  .page-nav a, .page-nav a:visited {  color: #ffffff;  text-decoration: none;  }  .page-nav a:hover {  color: #000000;  text-decoration: none;  }  .previous-entries a {  float: left;  padding-left: 10px;  margin-left: 10px;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/navigation-left.gif) no-repeat left center;  }  .next-entries a {  float: right;  padding-right: 10px;  margin-right: 10px;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/navigation-right.gif) no-repeat right center;  }   /* next & previous post navigation */  .post-nav {  clear: both;  padding-bottom: 35px;  margin-top: 15px;  font-size: 95%;  }  .post-nav a, .post-nav a:visited {  color: #999999;  text-decoration: none;  }  .post-nav a:hover {  color: #000000;  text-decoration: none;  }  .post-nav .previous a {  float: left;  padding-left: 20px;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/post-nav-previous.gif) no-repeat left center;  }  .post-nav .next a {  float: right;  padding-right: 20px;  text-align: right;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/post-nav-next.gif) no-repeat right center;  }   /* ------------------------------------- comment area */  h3#comments {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/comments.gif) no-repeat;  padding-left: 22px;  font: normal 140%/120% Arial, Helvetica, sans-serif;  clear: both;  }  h3#respond {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/respond.gif) no-repeat;  padding-left: 22px;  font: normal 140%/120% Arial, Helvetica, sans-serif;  margin: 20px 0px 0px;  clear: both;  }  /* commentform */  #commentform {  margin-top: 10px;  }  #commentform label {  font-weight: bold;  color:#666;  font-size: 100%;  padding-left: 5px;  }  #commentform small {  color: #999999;  font-size: 90%;  }  #commentform input {  font: 110% Arial, Helvetica, sans-serif;  width: 220px;  padding: 5px 3px 3px 7px;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/form-field-bg.gif) no-repeat;  border-top: 1px solid #e6e6e6;  border-right: 1px solid #E2E2E2;  border-bottom: 1px solid #E2E2E2;  border-left: 1px solid #e6e6e6;  }  #commentform textarea {  font: 110% Arial, Helvetica, sans-serif;  width: 480px;  height: 140px;  background:url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/form-field-bg.gif) no-repeat;  border: solid 1px #e6e6e6;  padding: 5px 3px 3px 7px;  }  #commentform #submit {  font: 12px/100% Arial, Helvetica, sans-serif;  color: #000000;  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/submit-btn.gif) no-repeat top left;  border: none;  width: 135px;  height: 25px;  padding-bottom: 6px;  margin-left: 355px;  }  #commentform #submit:hover {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/submit-btn.gif) no-repeat bottom left;  }  #commentform textarea:focus, #commentform input[type="text"]:focus {  border: solid 1px #3b9acc;  }   /* comment list */  .commentlist {  margin: 10px 0px;  line-height: 130%;  list-style-type:none;  padding:0;  }  .commentlist li{  padding: 10px;  }  .commentlist .alt {  background: #F4F4F4;  }  .commentlist cite {  font-weight: bold;  font-style: normal;  font-size: 110%;  color: #669900;  }  .commentlist cite a, .commentlist cite a:visited {  color: #669900;  }  .commentlist small {  margin-bottom: 5px;  display: block;  font-size: 87%;  }  .commentlist small a, .commentlist small a:visited{  color: #999999;  }   /* ------------------------------------- footer area */  #footer-left{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/content-bottom-bg-left.png) no-repeat left top;   }  #footer-right{  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/content-bottom-bg-right.png) no-repeat right top;  margin-left: 10px;  }  #footer {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/content-bottom-bg-center.png) repeat-x left top;  padding: 15px 0px 0px 10px;  font-size: 87%;  color: #282828;  line-height: 15px;  clear: both;  margin-right: 10px;  }  #footer a, #footer a:visited {  text-decoration: none;  color: #000000;  }  #footer a:hover {  text-decoration: underline;  }   /* ------------------------------------- sidebar area */  /* sidebar */  #sidebar-right{  float:right;  margin-left: 10px;  }  #sidebar-left {  float: left;  margin-right: 10px;  }  #sidebar-right,  #sidebar-left {  width: 210px;  color: #666666;  line-height: 160%;  }  #sidebar-right p,  #sidebar-left p {  margin: 0px 0px 15px;  }  #sidebar-right h3,  #sidebar-left h3 {  font: bold 12px/100% Arial, Helvetica, sans-serif;  color: #666666;  }  #sidebar-right h3 a, #sidebar-right h3 a:visited,  #sidebar-left h3 a, #sidebar-left h3 a:visited {  color: #666666;  }  #sidebar-right h3 img,  #sidebar-left h3 img {  vertical-align: middle;  }  #sidebar-right a, #sidebar-right a:visited,  #sidebar-left a, #sidebar-left a:visited {  color: #000000;  text-decoration:none;  }  #sidebar-right a:hover, #sidebar-right a:focus, #sidebar-right a:active,  #sidebar-left a:hover, #sidebar-left a:focus, #sidebar-left a:active {  text-decoration:underline;  }  #sidebar-right ul,  #sidebar-left ul {  list-style: none;  margin: 0 ;  padding: 0 ;  }  #sidebar-right ul li,  #sidebar-left ul li {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/bullet-orange.gif) no-repeat;  padding-left: 18px ;  }  #sidebar-right ul li ul li,  #sidebar-left ul li ul li {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/bullet-grey.gif) no-repeat;  padding-left: 12px ;  }   /* ------------------------------------- widget styles */  /* archives widget */  #archives ul li {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-archive.gif) no-repeat;  }  /* recent comments widget */  #recent-comments ul li {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-comment.gif) no-repeat;  }  /* category widget */  #categories ul li,  #categories-1 ul li,  #categories-2 ul li,  #categories-3 ul li,  #categories-4 ul li,  #categories-5 ul li,  #categories-6 ul li,  #categories-7 ul li,  #categories-8 ul li,  #categories-9 ul li {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-category.gif) no-repeat;  }  /* recent posts widget */  #recent-posts ul li {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-page.gif) no-repeat;  }  /* links widget */  #links ul li {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-blogroll.gif) no-repeat;  }  /* meta */  #meta .site_admin {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/cog.gif) no-repeat;  }  #meta .rss {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-rss.gif) no-repeat;  }  #meta .login {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-user.gif) no-repeat;  }  #meta .check {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-check.gif) no-repeat;  }  #meta .wordpress {  background: url(http://www.mangoorange.com/wp-content/themes/i3theme-1-8-classic/images/mini-wp.gif) no-repeat;  }  /* calendar */  #calendar table {  margin: 0px auto;  }  #calendar td {  padding: 0px 4px;  }   /* alignments */  .center {  text-align: center;  }  img.center, img[align="center"] {  display: block;  margin-left: auto;  margin-right: auto;  }  .left {  float: left;  }  img.left, img[align="left"] {  float:left;  margin: 2px 10px 5px 0px;  }  .right {  float: right;  }  img.right, img[align="right"] {  float:right;  margin: 2px 0px 5px 10px;  }  .alignleft{  float:left;  margin: 2px 10px 5px 0px;  }  .alignright{  float:right;  margin: 2px 0px 5px 10px;  }  .clear {  clear:both;  }  hr.clear {  clear:both;  visibility: hidden;  margin: 0px;  padding: 0px;  }  .hidden {  clear: both;  visibility: hidden;  }   /* MangoOrange.com footer (must be included, but can be modified) */  div#footer span.mangoorange{  color: #fff;  }   div#footer span.mangoorange a,  div#footer span.mangoorange a:visited{  color: #fff;  font-weight: bold;  text-decoration: none;  }   div#footer span.mangoorange a:hover{  text-decoration: underline;  }   /* Gravatars CSS */

En total hay 26962 visitantesen Tododewebs