Css

TEXTO POR ENCIMA

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



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

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>by-ro0driig0o</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />

</head>

<body>

<div id="header">

<div id="menu">

<ul>

<li><a href="#" class="first">TITULO</a></li>

<li class="current_page_item"><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

</ul>

</div>



</div>



<div id="logo">

<h1><a href="http://elvisayuda.es.tl/">By-Elvis</a></h1>

<p><em> diseño adaptado por <a href="http://elvisayuda.es.tl/">by-Elvis</a> </em></p>

</div>

<hr />



<div id="page">

<div id="page-bgtop">

<div id="page-bgbtm">



<div id="sidebar">

<ul>

<li>

<h2>TITULO AQUI </h2>

<ul>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

</ul>

</li>

<li>

<h2><a href="#">TITULO</a> AQUI </h2>

<ul>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

</ul>

</li>

<li>

<h2><a href="#">TITULO</a> AQUI </h2>

<ul>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

<li><a href="#">TITULO</a></li>

</ul>

</li>

</ul>

</div>

TEXTO POR DEBAJO



</div>

</div>

</div>

<div id="footer">

<p> © 2011™ Todos los Derechos Reservados. ©TU WEB. | Diseño Adaptado Por <a href="http://elvisayuda.es.tl/">By-Elvis </a>. </p>

</div>

</body>

</html>

Sin Stylo Tags

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;}

/*

|--------------------------------------------------|

|Diseño Adapta Por elvisayuda.es.tl |

|--------------------------------------------------|

/

body {

margin: 20px 0px 0px 0px;

padding: 0;

background: #191919 url(https://img.webme.com/pic/b/by-Elvis/img07.jpg) no-repeat right top;

font-family: Tahoma, Geneva, sans-serif;

font-size: 11px;

color: #3C3C3C;

}

h1, h2, h3 {

margin: 0;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

color: #549900;

}

h1 {

font-size: 44px;

}

h2 {

font-size: 18px;

}

h3 {

}

p, ul, ol {

margin-top: 0;

line-height: 240%;

text-align: justify;

}

ul, ol {

}

blockquote {

}

a {

color: #065EFE;

}

a:hover {

text-decoration: none;

}

a img {

border: none;

}

img.left {

float: left;

margin: 7px 30px 0 0;

}

img.right {

float: right;

margin: 7px 0 0 30px;

}

hr {

display: none;

}

.list1 {

}

.list1 li {

float: left;

line-height: normal;

}

.list1 li img {

margin: 0 30px 30px 0;

}

.list1 li.alt img {

margin-right: 0;

}

#wrapper {

}

/ Header /

#header {

width: 950px;

height: 70px;

margin: 0px auto;

}

/ Menu /

#menu {

}

#menu ul {

margin: 0;

padding: 8px 0px 0px 0px;

list-style: none;

line-height: normal;

}

#menu li {

display: block;

float: left;

}

#menu a {

display: block;

float: left;

height: 28px;

padding: 8px 30px 0px 35px;

letter-spacing: -1px;

text-decoration: none;

text-align: center;

text-transform: lowercase;

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: normal;

color: #FFFFFF;

}

#menu a:hover {

text-decoration: none;

}

#menu li.current_page_item {

background: url(https://img.webme.com/pic/b/by-ro0driig0o/img01.jpg) no-repeat left top;

}

#menu li.current_page_item a {

background: url(https://img.webme.com/pic/b/by-ro0driig0o/img02.jpg) no-repeat right top;

}

#menu .first {

}

/ Search /

#search {

float: right;

padding: 10px 10px 0px 0px;

}

#search form {

float: right;

margin: 0;

padding: 4px 0px 0 0;

}

#search fieldset {

margin: 0;

padding: 0;

border: none;

}

#search input {

float: left;

font: 12px Georgia, "Times New Roman", Times, serif;

}

#search-text {

width: 213px;

height: 28px;

padding: 6px 0 0 7px;

border: none;

background: url(https://img.webme.com/pic/b/by-Elvis/img02.jpg) no-repeat left top;

color: #000000;

}

#search-submit {

width: 82px;

height: 28px;

margin-left: 10px;

padding: 0px 5px;

background: url(https://img.webme.com/pic/b/by-Elvis/img03.jpg) no-repeat left top;

border: none;

text-indent: -9999px;

color: #FFFFFF;

}

/ Page */

#page {

width: 930px;

margin: 0px auto;

padding: 10px 10px 10px 10px;

background: #E1E1E1;

}

#page-bgtop {

}

#page-bgbtm {

overflow: hidden;

}

/** LOGO /

#logo {

width: 950px;

height: 135px;

margin: 0 auto;

background: url(https://img.webme.com/pic/b/by-Elvis/img03.jpg) no-repeat left top;

}

#logo h1, #logo p {

margin: 0px;

line-height: normal;

text-transform: lowercase;

font-weight: normal;

color: #FFFFFF;

}

#logo p {

margin-top: -4px;

padding: 0px 0px 0px 120px;

text-transform: lowercase;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 13px;

color: #3E81FB;

}

#logo h1 {

padding: 30px 0px 0px 120px;

letter-spacing: -1px;

font-size: 48px;

}

#logo h1 a {

text-decoration: none;

color: #FFFFFF;

}

#logo a {

text-decoration: none;

color: #3E81FB;

}

#banner {

padding-bottom: 20px;

}

/ Content /

#content {

float: left;

width: 620px;

padding: 0px 0px 0px 0px;

}

/ Post /

.post {

background: url(https://img.webme.com/pic/b/by-Elvis/img05.jpg) repeat-y left top;

}

.post-bgtop {

background: url(https://img.webme.com/pic/b/by-Elvis/img04.jpg) no-repeat left top;

}

.post-bgbtm {

padding: 0px 30px 20px 30px;

background: url(https://img.webme.com/pic/b/by-Elvis/img06.jpg) no-repeat left bottom;

}

.post .title {

height: 44px;

margin: 0px;

padding: 36px 0px 0px 0px;

background: url(https://img.webme.com/pic/b/by-Elvis/img11.jpg) repeat-x left bottom;

}

.post .title a {

letter-spacing: -2px;

text-decoration: none;

text-transform: lowercase;

font-size: 36px;

color: #424242;

}

.post .title a:hover {

color: #065EFE;

}

.post .meta {

margin-left: 2px;

padding: 4px 30px 2px 0px;

text-transform: uppercase;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 11px;

color: #66665E;

}

.post .meta span {

margin: 0px;

}

.post .meta a {

text-decoration: none;

}

.post .entry {

padding: 10px 0px 0px 0px;

}

.post .comments {

display: block;

width: 120px;

height: 18px;

margin: 0px;

padding: 3px 0px 0px 40px;

background: #90BF35;

border: 1px solid #5F817E;

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

text-decoration: none;

font-weight: bold;

color: #FFFFFF;

}

/ Sidebar /

#sidebar {

float: right;

width: 310px;

font-family: Arial, Helvetica, sans-serif;

}

#sidebar ul {

margin: 0;

padding: 0;

background: none;

list-style: none;

line-height: normal;

}

#sidebar li {

background: url(https://img.webme.com/pic/b/byElvis/img09.jpg) repeat-y left top;

}

#sidebar li ul {

margin: 0px 0px;

padding: 0px 0px 20px 0px;

background: url(https://img.webme.com/pic/b/by-Elvis/img10.jpg) no-repeat left bottom;

}

#sidebar li li {

margin: -20px 30px 20px 30px;

padding: 8px 0px 8px 10px;

border-bottom: 1px solid #E0E0E0;

background: url(https://img.webme.com/pic/b/by-Elvis/img1.jpg) no-repeat left 13px;

}

#sidebar li li a {

font-weight: normal;

}

#sidebar li li a:hover {

color: #065EFE;

}

#sidebar p {

margin: 0;

padding: 0px 14px;

}

#sidebar h2 {

height: 50px;

margin: 0px;

padding: 30px 0px 13px 30px;

background: url(https://img.webme.com/pic/b/by-Elvis/img08.jpg) no-repeat left top;

letter-spacing: -1px;

text-transform: lowercase;

font-size: 24px;

font-weight: normal;

color: #424242;

}

#sidebar p {

line-height: 200%;

}

#sidebar a {

text-align: left;

text-decoration: none;

font-weight: bold;

color: #666666;

}

/ Calendar /

#calendar {

}

#calendar caption {

padding-bottom: 5px;

font-weight: bold;

}

#calendar table {

width: 100%;

border-collapse: collapse;

border-bottom: 1px solid #24130F;

border-left: 1px solid #24130F;

border-right: 1px solid #24130F;

}

#calendar thead th {

padding: 5px 0;

text-align: center;

border-top: 1px solid #24130F;

border-left: 1px solid #24130F;

background: #24130F;

}

#calendar tbody td {

padding: 5px 0;

text-align: center;

border-top: 1px solid #24130F;

border-left: 1px solid #24130F;

border-bottom: 1px solid #24130F;

}

#calendar tfoot td {

padding: 5px;

border-left: 1px solid #24130F;

border-bottom: 1px solid #24130F;

}

#calendar tfoot #next {

border-top: 1px solid #24130F;

text-align: right;

}

#calendar tfoot #prev {

border-top: 1px solid #24130F;

}

#calendar .pad {

border-bottom: 1px solid #24130F;

}

#calendar #today {

background: #24130F;

}

/ Footer /

#footer {

width: 920px;

height: 100px;

margin: 0 auto;

padding: 0;

}

#footer-bgcontent {

}

#footer p {

margin: 0;

padding: 30px 0px 0px 0px;

text-align: center;

line-height: normal;

font-size: 11px;

}

#footer a {

}

table {margin-left:auto;margin-right:auto;} 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;}

TEXTO POR ARRIBA

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>By-ro0driig0o</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper">
<div id="header-wrapper">
  <div id="header">
   <div id="logo">
    <h1 align="center"><a href="#">bY-RO0DRIIG0O</a></h1>
    <p align="center">Diseño Adapta Por <a href="http://www.by-ro0driig0o.es.tl/" target="_blank" class="Estilo1"> By-ro0driig0o </a></p>
   </div>
   <div id="menu">
    <ul>
     <li class="current_page_item"><a href="#">TITULO</a></li>
     <li><a href="#">TITULO</a></li>
     <li><a href="#">TITULO</a></li>
     <li>
       <div align="center"><a href="#">TITULO</a></div>
     </li>
    </ul>
   </div>
  </div>
</div>

<div id="page">
  <div id="page-bgtop">
   <div id="page-bgbtm">
    <div id="content">
     <div style="clear: both;"> </div>
     </div>
    
    <div id="sidebar">
     <ul>
      <li>
       <div id="search" >
        <form method="get" action="#">
         <div>
          <input type="text" name="s" id="search-text" />
          <input name="Enviar" type="submit" id="search-submit" value="Buscar" />
         </div>
        </form>
       </div>
       <div style="clear: both;"> </div>
      </li>
      <li>
       <h2>TITULO AQUI </h2>
       <p>AQUI ESCRIBE SOBRE TU WEB </p>
      </li>
      <li>
       <h2>TITULO AQUI </h2>
       <ul>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
       </ul>
      </li>
      <li>
       <h2>titulo aqui </h2>
       <ul>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
       </ul>
      </li>
      <li>
       <h2>TITULO AQUI </h2>
       <ul>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
       </ul>
      </li>
     </ul>
     </div>

TEXTO POR DEBAJO


    <div style="clear: both;"> </div>
   </div>
  </div>
</div>

<div id="footer">
  <p> © 2011™ Todos los Derechos Reservados. ©ro0driig0o. | Diseño Adaptado por: <a href="http://by-ro0driig0o.es.tl/" target="_blank">By-ro0driig0o </a> </p>
</div>
</div>
</body>
</html>

SIN STILO TAGS

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;}

/
|--------------------------------------------------|
|Diseño Adapta Por By-ro0driig0o.es.tl   |
|--------------------------------------------------|
/

body {
margin: 0;
padding: 0;
background: #202020;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #6F6F6F;
}

h1, h2, h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #2B2522;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 2.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: underline;
color: #D93544;
}

a:hover {
text-decoration: none;
}

#wrapper {
width: 1000px;
margin: 0 auto;
padding: 0;
background: #000000;
}

/ Header /

#header-wrapper {
height: 120px;
}

#header {
width: 1000px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}

/ Logo /

#logo {
float: left;
width: 350px;
margin: 0;
padding: 0;
color: #000000;
}

#logo h1, #logo p {
}

#logo h1 {
margin-left: 30px;
padding: 20px 0px 0px 0px;
letter-spacing: -1px;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-size: 3.8em;
font-weight: normal;
color: #FA9F0A;
}

#logo h1 a {
color: #FA9F0A;
}

#logo h1 span {
}

#logo p {
margin: 0;
padding: 0px 0 0 32px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #BEBEBE;
}

#logo a {
border: none;
background: none;
text-decoration: none;
color: #707070;
}

/ Search /

#search {
float: right;
width: 280px;
height: 60px;
padding: 20px 0px 0px 0px;
}

#search form {
height: 41px;
margin: 0;
padding: 10px 0 0 0px;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search-text {
width: 170px;
height: 19px;
padding: 4px 5px 1px 5px;
border: none;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #5D781D;
}

#search-submit {
width: 50px;
height: 26px;
border: none;
background: #D93544;
color: #FFFFFF;
}

/ Menu /

#menu {
float: right;
height: 125px;
margin: 0 auto;
padding: 0;
background: #D43442;
}

#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
border-left: 1px solid #EC4E63;
}

#menu a {
display: block;
height: 80px;
padding: 45px 25px 0px 25px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: Impact, Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: normal;
color: #FFFFFF;
border: none;
}

#menu a:hover, #menu .current_page_item a {
text-decoration: none;
}

#menu .current_page_item a {
}

/ Page /

#page {
width: 980px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}

#page-bgtop {
padding: 20px 0px;
}
/ Content /

#content {
float: left;
width: 600px;
padding: 40px 0px 0px 20px;
}

.post {
margin-bottom: 30px;
padding: 30px 20px 20px 20px;
background: #212121;
border: 1px dashed #000000;
}

.post .title {
height: 41px;
padding: 0px 0px 0px 0px;
letter-spacing: -1px;
}

.post .title a {
text-decoration: none;
color: #FFFFFF;
border: none;
}

.post .entry {
padding: 20px 30px 20px 30px;
padding-bottom: 20px;
text-align: justify;
}

.post .byline {
clear: both;
overflow: hidden;
padding-bottom: 20px;
}

.post .meta {
float: left;
}

.post .links {
float: right;
}

.links a {
}

/ Sidebar /

#sidebar {
float: right;
width: 300px;
margin: 0px;
padding: 20px 20px 0px 0px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
margin: 0;
padding: 0;
}

#sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}

#sidebar li li {
line-height: 35px;
border-bottom: 1px dashed #191919;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/im1.jpg) no-repeat left 15px;
margin: 0px 20px 0px 20px;
border-left: none;
text-align: left;
}

#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

#sidebar li li a {
padding: 0px 0px 0px 15px;
}

#sidebar h2 {
height: 31px;
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 20px;
background: url(images/img03.jpg) no-repeat left top;
text-shadow: #203060 -1px 1px 2px;
text-align: left;
text-transform: uppercase;
letter-spacing: -.5px;
font-size: 2em;
color: #FFFFFF;
}

#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
color: #847F7E;
}

#sidebar a {
border: none;
color: #847F7E;
}

#sidebar a:hover {
text-decoration: underline;
color: #847F7E;
}

/ Calendar /

#calendar {
}

#calendar_wrap {
padding: 20px;
}

#calendar table {
width: 100%;
}

#calendar tbody td {
text-align: center;
}

#calendar #next {
text-align: right;
}

/ Footer /

#footer {
width: 980px;
height: 50px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}

#footer p {
margin: 0;
line-height: normal;
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #847F7E;
}

#footer a {
color: #847F7E;
}

table {margin-left:auto;margin-right:auto;} 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;}

TEXTO POR ARRIBA

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Programme      by Free CSS Templates</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header-wrapper">
  <div id="header">
   <div id="logo">
    <h1><a href="#">By-ro0driig0o</a></h1>
    <p> Diseño Adaptado<a href="http://www.by-ro0driig0o.es.tl/"> Por By-ro0driig0o</a></p>
   </div>
   <div id="menu">
    <ul>
     <li class="current_page_item"><a href="#">TITULO</a></li>
     <li><a href="#">TITULO</a></li>
     <li><a href="#">TITULO</a></li>
     <li><a href="#">TITULO</a></li>
     <li><a href="#">TITULO</a></li>
    </ul>
   </div>
  </div>
</div>

<div id="page">
  <div id="page-bgtop">
   <div id="page-bgbtm">
    
<div id="sidebar">
     <ul>
      <li>
       <div id="search" >
        <form method="get" action="#">
         <div>
          <input type="text" name="s" id="search-text" value="" />
          <input type="submit" id="search-submit" value="Buscar" />
         </div>
        </form>
       </div>
       <div style="clear: both;"> </div>
      </li>
      <li>
       <h2>TITULO AQUI </h2>
       <p>ESCRIBE SOBRE TU WEB AQUI. BY-RO0DRIIG0O </p>
      </li>
      <li>
       <h2>TITULO AQUI </h2>
       <ul>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
       </ul>
      </li>
      <li>
       <h2>TITULO AQUI </h2>
       <ul>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
       </ul>
      </li>
      <li>
       <h2>TITULO AQUI </h2>
       <ul>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
        <li><a href="#">TITULO</a></li>
       </ul>
      </li>
     </ul>
     </div>

TEXTO POR DEBAJO

    
    <div style="clear: both;"> </div>
   </div>
  </div>
</div>

</div>
<div id="footer">
<p> © 2011™ Todos los Derechos Reservados. ©ro0driig0o. | Diseño Adaptado por: <a href="http://by-ro0driig0o.es.tl/">By-ro0driig0o </a> </p>
</div>
</body>
</html>

SIN STILO TAGS

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;}

/
|--------------------------------------------------|
|Diseño Adapta Por By-ro0driig0o.es.tl   |
|--------------------------------------------------|
/

body {
margin: 0;
padding: 0;
background: #0F162C;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #3C3D3F;
}

h1, h2, h3 {
margin: 0;
padding: 0;
font-weight: normal;
color: #FF3000;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 2.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: underline;
color: #2E458A;
}

a:hover {
text-decoration: none;
}

#wrapper {
margin: 0 auto;
padding: 0;
}

/ Header /

#header-wrapper {
height: 100px;
background: #0D1326;
border-top: 4px solid #3855A8;
}

#header {
width: 1000px;
margin: 0 auto;
padding: 0px;
}

/ Logo /

#logo {
float: left;
width: 350px;
margin: 0;
padding: 0;
color: #000000;
}

#logo h1, #logo p {
}

#logo h1 {
margin-left: 30px;
padding: 0px 0px 0px 0px;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 3.8em;
color: #FF3000;
}

#logo h1 a {
color: #FFFFFF;
}

#logo h1 span {
}

#logo p {
margin: 0;
padding: 0px 0 0 32px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #FFFFFF;
}

#logo a {
border: none;
background: none;
text-decoration: none;
color: #FFFFFF;
}

/ Search /

#search {
float: right;
width: 280px;
height: 60px;
padding: 20px 0px 0px 0px;
}

#search form {
height: 41px;
margin: 0;
padding: 10px 0 0 20px;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search-text {
width: 170px;
height: 19px;
padding: 4px 5px 1px 5px;
border: 1px solid #DEDEDE;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #5D781D;
}

#search-submit {
width: 50px;
height: 26px;
border: none;
background: #2E458A;
color: #FFFFFF;
}

/ Menu /

#menu {
float: right;
height: 125px;
margin: 0 auto;
padding: 0;
}

#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
}

#menu a {
display: block;
padding: 20px 20px 14px 20px;
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
border: none;
}

#menu a:hover, #menu .current_page_item a {
background: url(https://img.webme.com/pic/b/by-ro0driig0o/im03.gif) no-repeat center top;
text-decoration: none;
}

#menu .current_page_item a {
background: url(https://img.webme.com/pic/b/by-ro0driig0o/im03.gif) no-repeat center top;
}

/ Page /

#page {
width: 980px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}

#page-bgtop {
padding: 20px 0px;
}
/ Content /

#content {
float: left;
width: 560px;
padding: 40px 30px 0px 30px;
background: #FFFFFF;
}

.post {
margin-bottom: 30px;
border-bottom: 1px solid #D1D9F0;
}

.post .title {
height: 41px;
padding: 0px 0px 0px 0px;
letter-spacing: -1px;
}

.post .title a {
text-decoration: none;
color: #293D75;
border: none;
}

.post .entry {
background: url(https://img.webme.com/pic/b/by-ro0driig0o/im04.gif) no-repeat left 30px;
padding: 20px 30px 20px 30px;
padding-bottom: 20px;
text-align: justify;
}

.post .byline {
clear: both;
overflow: hidden;
padding-bottom: 20px;
}

.post .meta {
float: left;
}

.post .links {
float: right;
}

.links a {
}

/ Sidebar /

#sidebar {
float: right;
width: 280px;
margin: 0px;
padding: 0px 20px 0px 0px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
margin: 0;
padding: 0;
}

#sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}

#sidebar li li {
line-height: 35px;
border-bottom: 1px solid #172244;
margin: 0px 20px 0px 20px;
border-left: none;
text-align: left;
}

#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

#sidebar li li a {
padding: 0px 0px 0px 15px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/im01.gif) no-repeat left 5px;
}

#sidebar h2 {
height: 30px;
margin: 0px 0px 20px 0px;
padding: 4px 0px 0px 20px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/im02.gif) repeat-x left top;
text-shadow: #203060 -1px 1px 2px;
text-align: left;
text-transform: uppercase;
letter-spacing: -.5px;
font-size: 1em;
color: #FFFFFF;
}

#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
color: #8CA0D9;
}

#sidebar a {
border: none;
color: #8CA0D9;
}

#sidebar a:hover {
text-decoration: underline;
color: #8CA0D9;
}

/ Calendar /

#calendar {
}

#calendar_wrap {
padding: 20px;
}

#calendar table {
width: 100%;
}

#calendar tbody td {
text-align: center;
}

#calendar #next {
text-align: right;
}

/ Footer /

#footer {
height: 50px;
margin: 0 auto;
padding: 0px 0 15px 0;
background: #0D1326;
font-family: Arial, Helvetica, sans-serif;
}

#footer p {
margin: 0;
padding-top: 20px;
line-height: normal;
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #3A58AE;
}

#footer a {
color: #3A58AE;
}

table {margin-left:auto;margin-right:auto;} 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;}

TEXTO POR ARRIBA

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>By-ro0driig0o</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="logo">
  <h1><a href="#">By-ro0driig0o</a> </h1>
  <div id="menu">
          <ul>
            <li><a href="#" class="first">MENU</a></li>
            <li class="current_page_item"><a href="#">MENU</a></li>
            <li><a href="#">MENU</a></li>
            <li><a href="#">MENU</a></li>
          </ul>
   </div>
  <p><em> diseño adaptado por <a href="http://by-ro0driig0o.es.tl/">by-ro0driig0o </a></em></p>
</div>
<hr />


    
<div id="page">
  
<div id="sidebar">
   <ul>
    <li>
     <h2>MENU</h2>
     <p>AQUI ESCRIBE TODO SOBRE TU WEB. By-ro0driig0o</p>
    </li>
    <li>
     <h2>MENU</h2>
     <ul>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
     </ul>
    </li>
    <li>
     <h2>MENU</h2>
     <ul>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
     </ul>
    </li>
   </ul>
</div>

TEXTO POR DEBAJO


  <div style="clear: both;"> </div>
</div>

<div id="footer">
  <p>Diseño Adaptado Por <a href="http://by-ro0driig0o.es.tl/">By-ro0driig0o</a> | Todos los derechos reservados</a>.</p>
</div>

</body>
</html>

SIN STILO TAGS

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;}

/
|--------------------------------------------------|
|Diseño Adapta Por By-ro0driig0o.es.tl   |
|--------------------------------------------------|
/

body {
margin: 0px;
padding: 0;
background: #3C424C url(https://img.webme.com/pic/b/by-ro0driig0o/i01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #464646;
}

h1, h2, h3 {
margin: 0;
text-transform: uppercase;
font-weight: normal;
color: #549900;
}

h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
}

ul, ol { }

blockquote { }

a { color: #639CBF; }

a:hover { text-decoration: none; }

a img {
border: none;
}

img.left {
float: left;
margin: 7px 30px 0 0;
}

img.right {
float: right;
margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
float: left;
line-height: normal;
}

.list1 li img {
margin: 0 30px 30px 0;
}

.list1 li.alt img {
margin-right: 0;
}

#wrapper {
}

/ Header */

#header-wrapper {
}

#header {
width: 980px;
height: 50px;
margin: 0 auto;
padding: 0px;
}

/** LOGO /

#logo {
width: 980px;
height: 140px;
margin: 0 auto;
padding: 0px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i02.jpg) no-repeat left top;
}

#logo h1, #logo p {
margin: 0px;
line-height: normal;
text-transform: lowercase;
font-weight: normal;
color: #FFFFFF;
}

#logo p {
margin-top: -4px;
text-transform: lowercase;
font-size: 13px;
color: #F6F9FB;
}

#logo h1 {
font-size: 48px;
}

#logo a {
text-decoration: none;
color: #F6F9FB;
}

#logo h1 a {
text-decoration: none;
color: #FFFFFF;
}

/ Menu /

#menu {
float: left;
width: 600px;
height: 50px;
}

#menu ul {
margin: 0;
padding: 0px;
list-style: none;
line-height: normal;
}

#menu li {
display: block;
float: left;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i04.jpg) no-repeat left top;
}

#menu a {
display: block;
float: left;
height: 32px;
padding: 12px 20px 0px 20px;
letter-spacing: -1px;
text-decoration: none;
text-align: center;
text-transform: lowercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #515F6B;
}

#menu a:hover {
text-decoration: none;
}

#menu .current_page_item a {
}

#menu .first {
}
/ Search /

#search {
float: right;
width: 240px;
padding: 10px 10px 0px 0px;
}

#search form {
float: right;
margin: 0;
padding: 4px 0px 0 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search input {
float: left;
font: 12px Georgia, "Times New Roman", Times, serif;
}

#search-text {
width: 150px;
height: 18px;
padding: 3px 0 0 5px;
border: none;
background: #3C424C;
color: #FFFFFF;
}

#search-submit {
height: 21px;
margin-left: 10px;
padding: 0px 5px;
background: #2A4345;
border: none;
color: #FFFFFF;
}

/ Page /

#page {
width: 940px;
margin: 0 auto;
padding: 20px 20px 0px 20px;
background: #C1D6E2 url(https://img.webme.com/pic/b/by-ro0driig0o/i03.jpg) repeat-x left bottom;
}

#banner {
padding-bottom: 20px;
}

/ Content /

#content {
float: left;
width: 620px;
}

/ Post /

.post {
width: 580px;
margin-bottom: 20px;
padding: 20px 20px;
background: #FFFFFF;
border: 1px solid #8D9AB0;
}

.post .title {
height: 44px;
}

.post .title a {
text-decoration: none;
text-transform: capitalize;
font-size: 30px;
color: #238EC6;
}

.post .date {
}

.post .meta {
height: 32px;
margin-top: -10px;
margin-left: 2px;
padding: 4px 30px 2px 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #66665E;
}

.post .meta span {
display: block;
margin-top: -10px;
}

.post .meta a { }

.post .entry {
border-top: 1px solid #E0E0E0;
padding: 10px 0px;
}

.post .links {
background: #90BF35;
border: 1px solid #5F817E;
}

.post .links {
display: block;
width: 120px;
height: 18px;
margin: 0px 0px 4px 0px;
padding: 3px 0px 0px 40px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

.post .comments {
display: block;
width: 120px;
height: 18px;
margin: 0px;
padding: 3px 0px 0px 40px;
background: #90BF35;
border: 1px solid #5F817E;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

/ Sidebar /

#sidebar {
float: right;
width: 280px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
border: none;
}

#sidebar li {
margin-bottom: 20px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border: 1px solid #8D9AB0;
}

#sidebar li ul {
margin: 0px 0px;
border: none;
}

#sidebar li li {
margin: 0;
padding: 10px 0px;
border: none;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i06.jpg) repeat-x left bottom;
}

#sidebar li li a {
padding: 0px 0px 0px 30px;
font-weight: normal;
border: none;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i07.jpg) no-repeat 15px 4px;
}

#sidebar li li a:hover {
color: #666666;
}

#sidebar p {
margin: 0;
padding: 0px 14px;
}

#sidebar h2 {
height: 32px;
margin: 0 0 10px 0px;
padding: 8px 0 2px 15px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i05.jpg) repeat-x left top;
text-transform: capitalize;
font-size: 18px;
font-weight: normal;
color: #FFFFFF;
}

#sidebar p {
line-height: 200%;
}

#sidebar a {
text-align: left;
text-decoration: none;
font-weight: bold;
color: #666666;
}

/ Calendar /

#calendar {
}

#calendar caption {
padding-bottom: 5px;
font-weight: bold;
}

#calendar table {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid #24130F;
border-left: 1px solid #24130F;
border-right: 1px solid #24130F;
}

#calendar thead th {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
background: #24130F;
}

#calendar tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
}

#calendar tfoot td {
padding: 5px;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
}

#calendar tfoot #next {
border-top: 1px solid #24130F;
text-align: right;
}

#calendar tfoot #prev {
border-top: 1px solid #24130F;
}

#calendar .pad {
border-bottom: 1px solid #24130F;
}

#calendar #today {
background: #24130F;
}

/ Footer /

#footer {
width: 960px;
height: 100px;
margin: 0 auto;
padding: 0;
}

#footer-bgcontent {
}

#footer p {
margin: 0;
padding: 30px 0px 0px 0px;
text-align: center;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
color: #C7DAE5;
}

#footer a {
}

table {margin-left:auto;margin-right:auto;} 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;}

TEXTO POR ARRIBA

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>By-ro0driig0o</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">

</style>
</head>
<body>
   <div id="logo">
        <h1><a href="#">By-ro0driig0o</a></h1>
        <p><em> Diseño Adaptado Por <a href="http://by-ro0driig0o.es.tl/">By-ro0driig0o</a></em></p>
   </div>
   <hr />
   
   <div id="header">
        <div id="menu">
            <ul>
                <li><a href="#" class="first">MENU</a></li>
                <li class="current_page_item"><a href="#">MENU</a></li>
                <li><a href="#">MENU</a></li>
                <li><a href="#">MENU</a></li>
            </ul>
        </div>
        
        <div id="search">      </div>
        
   </div>
   
   
   <div id="page">
        
<div id="sidebar">
<ul>
                <li>
                    <h2>MENU</h2>
                    <p>AQUI ESCRIBE ALGO SUBRE TU WEB <a href="http://by-ro0driig0o.es.tl/" class="Estilo1">By-ro0driig0o</a></p>
        </li>
                <li>
                    <h2>MENU </h2>
                    <ul>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                    </ul>
                </li>
                <li>
                    <h2>MENU</h2>
                    <ul>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                        <li><a href="#">TITULO</a></li>
                    </ul>
                </li>
            </ul>
        </div>

TEXTO POR DEBAJO

        
        <div style="clear: both;"> </div>
</div>
    
    <div id="footer">
        <p>© 2011™ Todos los Derechos Reservados. ©ro0driig0o. | Diseño Adaptado por: <a href="http://by-ro0driig0o.es.tl/">By-ro0driig0o</a></p>
    </div>
    
</body>
</html>

SIN STILO TAGS

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;}

/
|--------------------------------------------------|
|Diseño Adapta Por By-ro0driig0o.es.tl   |
|--------------------------------------------------|
/

body {
margin: 0px;
padding: 0px;
background: #E7E3CE url(https://img.webme.com/pic/b/by-ro0driig0o/i1.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #464646;
}

h1, h2, h3 {
margin: 0;
text-transform: uppercase;
font-weight: normal;
color: #573D26;
}

h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
}

ul, ol { }

blockquote { }

a { color: #639CBF; }

a:hover { text-decoration: none; }

a img {
border: none;
}

img.left {
float: left;
margin: 7px 30px 0 0;
}

img.right {
float: right;
margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
float: left;
line-height: normal;
}

.list1 li img {
margin: 0 30px 30px 0;
}

.list1 li.alt img {
margin-right: 0;
}

#wrapper {
}

/ Header */

#header-wrapper {
}

#header {
width: 1000px;
height: 50px;
margin: 0 auto;
padding: 0px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i4.jpg) no-repeat left top;
}

/** LOGO /

#logo {
width: 980px;
height: 200px;
margin: 0 auto;
padding: 0px 0px 0px 20px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i2.jpg) no-repeat left top;
}

#logo h1, #logo p {
margin: 0px;
line-height: normal;
text-transform: lowercase;
font-weight: normal;
color: #FFFFFF;
}

#logo p {
margin-top: -4px;
text-transform: lowercase;
font-size: 13px;
color: #A38E7C;
}

#logo h1 {
padding-top: 70px;
font-size: 48px;
}

#logo a {
text-decoration: none;
color: #A38E7C;
}

#logo h1 a {
text-decoration: none;
color: #573D26;
}

/ Menu /

#menu {
float: left;
width: 600px;
height: 35px;
padding-top: 15px;
}

#menu ul {
margin: 0;
padding: 0px;
list-style: none;
line-height: normal;
}

#menu li {
display: block;
float: left;
}

#menu a {
display: block;
float: left;
padding: 6px 20px;
letter-spacing: -1px;
text-decoration: none;
text-align: center;
text-transform: lowercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #573D26;
}

#menu a:hover {
text-decoration: none;
}

#menu .current_page_item a {
background: #573D26;
color: #FFFFFF;
}

#menu .first {
}
/ Search /

#search {
float: right;
width: 240px;
padding: 10px 30px 0px 0px;
}

#search form {
float: right;
margin: 0;
padding: 4px 0px 0 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search input {
float: left;
font: 12px Georgia, "Times New Roman", Times, serif;
}

#search-text {
width: 150px;
height: 18px;
padding: 3px 0 0 5px;
border: none;
background: #FFFFFF;
border: 1px solid #B9B6A5;
color: #FFFFFF;
}

#search-submit {
height: 21px;
margin-left: 10px;
padding: 0px 5px;
background: #573D26;
border: none;
color: #FFFFFF;
}

/ Page /

#page {
width: 960px;
margin: 0 auto;
padding: 20px 20px 0px 20px;
}

#banner {
padding-bottom: 20px;
}

/ Content /

#content {
float: left;
width: 620px;
}

/ Post /

.post {
width: 580px;
margin-bottom: 20px;
padding: 20px 20px;
border: 1px dashed #B9B6A5;
}

.post .title {
}

.post .title a {
text-decoration: none;
text-transform: capitalize;
font-size: 30px;
color: #4A7173;
}

.post .date {
}

.post .meta {
height: 32px;
margin-top: -10px;
margin-left: 2px;
padding: 4px 30px 2px 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #85B1C2;
}

.post .meta span {
display: block;
margin-top: -10px;
}

.post .meta a { }

.post .entry {
border-top: 1px solid #E0E0E0;
padding: 10px 0px;
}

.post .links {
background: #90BF35;
border: 1px solid #5F817E;
}

.post .links {
display: block;
width: 120px;
height: 18px;
margin: 0px 0px 4px 0px;
padding: 3px 0px 0px 40px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

.post .comments {
display: block;
width: 120px;
height: 18px;
margin: 0px;
padding: 3px 0px 0px 40px;
background: #90BF35;
border: 1px solid #5F817E;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

/ Sidebar /

#sidebar {
float: right;
width: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
border: none;
}

#sidebar li {
margin-bottom: 20px;
padding: 0px 0px 40px 0px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i6.jpg) repeat-y left top;
}

#sidebar li ul {
margin: 0px 0px;
border: none;
background: none;
}

#sidebar li li {
margin: 0px 40px;
padding: 10px 0px;
border: none;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i7.jpg) repeat-x left bottom;
}

#sidebar li li a {
padding: 0px 0px 0px 0px;
font-weight: normal;
border: none;
}

#sidebar li li a:hover {
color: #666666;
}

#sidebar p {
margin: 0;
padding: 0px 40px;
}

#sidebar h2 {
height: 20px;
margin: 0 0 20px 0px;
padding: 30px 0px 0px 40px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i5.jpg) no-repeat left top;
text-transform: capitalize;
font-size: 18px;
font-weight: normal;
color: #573D26;
}

#sidebar p {
line-height: 200%;
}

#sidebar a {
text-align: left;
text-decoration: none;
font-weight: bold;
color: #666666;
}

/ Calendar /

#calendar {
}

#calendar caption {
padding-bottom: 5px;
font-weight: bold;
}

#calendar table {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid #24130F;
border-left: 1px solid #24130F;
border-right: 1px solid #24130F;
}

#calendar thead th {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
background: #24130F;
}

#calendar tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid #24130F;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
}

#calendar tfoot td {
padding: 5px;
border-left: 1px solid #24130F;
border-bottom: 1px solid #24130F;
}

#calendar tfoot #next {
border-top: 1px solid #24130F;
text-align: right;
}

#calendar tfoot #prev {
border-top: 1px solid #24130F;
}

#calendar .pad {
border-bottom: 1px solid #24130F;
}

#calendar #today {
background: #24130F;
}

/ Footer /

#footer {
width: 100%;
height: 90px;
margin: 0 auto;
padding: 0;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/i3.jpg) repeat-x left top;
}

#footer-bgcontent {
}

#footer p {
margin: 0;
padding: 20px 0px 0px 0px;
text-align: center;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
color: #573D26;
}

#footer a {
color: #573D26;
}

table {margin-left:auto;margin-right:auto;} 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;}

TEXTO POR ARRIBA

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Coverage   by Free CSS Templates</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header">
  <div id="logo">
   <h1><a href="#">By-ro0driig0o   </a></h1>
   <p> Diseño Adaptado Por <a href="http://by-ro0driig0o.es.tl/">By-ro0driig0o</a></p>
  </div>
  <div id="search">   </div>
</div>

<div id="menu">
  <ul>
   <li class="current_page_item"><a href="#">MENU</a></li>
   <li><a href="#">MENU</a></li>
   <li><a href="#">MENU</a></li>
   <li><a href="#">MENU</a></li>
   <li><a href="#">MENU</a></li>
   <li><a href="#">MENU</a></li>
  </ul>
</div>

<div id="page">
<div id="page-bgbtm">
  <div id="content">
   <div style="clear: both;"> </div>
   </div>
  
  <div id="sidebar">
   <ul>
    <li>
     <h2>MENU</h2>
     <p>AQUI ESCRIBE SOBRE TU WEB.</p>
    </li>
    <li>
     <h2>MENU</h2>
     <ul>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
     </ul>
    </li>
    <li>
     <h2>MENU</h2>
     <ul>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
     </ul>
    </li>
    <li>
     <h2>MENU</h2>
     <ul>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
      <li><a href="#">TITULO</a></li>
     </ul>
    </li>
   </ul>
  </div>

TEXTO POR DEBAJO


  <div style="clear: both;"> </div>
</div>
</div>

</div>
<div id="footer">
  <p>© 2011™ Todos los Derechos Reservados. ©ro0driig0o. | Diseño Adaptado por: <a href="http://by-ro0driig0o.es.tl/">By-ro0driig0o</a></a>.</p>
</div>

</body>
</html>

SIN STILO TAGS

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;}

/
|--------------------------------------------------|
|Diseño Adapta Por By-ro0driig0o.es.tl   |
|--------------------------------------------------|
/

body {
margin: 0;
padding: 0;
background: #1B3266;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #787878;
}

h1, h2, h3 {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #181818;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: none;
color: #1757AB;
}

a:hover {
}

#wrapper {
margin: 0 auto;
padding: 0;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/05.jpg) repeat-x left top;
}

/ Header /

#header {
width: 1000px;
height: 100px;
margin: 0 auto;
}

/ Logo /

#logo {
float: left;
height: 50px;
margin: 0;
padding: 50px 0px 0px 20px;
color: #FFFFFF;
}

#logo h1, #logo p {
margin: 0;
padding: 0;
}

#logo h1 {
float: left;
padding-left: 25px;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 2.6em;
}

#logo p {
float: left;
margin: 0;
padding: 12px 0 0 10px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

#logo a {
border: none;
background: none;
text-decoration: none;
color: #FFFFFF;
}

/ Search /

#search {
float: right;
width: 279px;
height: 110px;
padding: 0;
}

#search form {
height: 41px;
margin: 0;
padding: 50px 0 0 30px;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search-text {
width: 195px;
padding: 6px 10px;
border: 1px #0E689A solid;
background: none;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #57ACF7;
}

#search-submit {
display: none;
}

/ Menu /

#menu {
width: 1000px;
height: 54px;
margin: 0 auto;
padding: 0;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/01.jpg) no-repeat left top;
}

#menu ul {
margin: 0;
padding: 0px 0px 0px 48px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
}

#menu a {
display: block;
height: 28px;
margin-right: 3px;
padding: 26px 30px 0px 0px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/06.jpg) no-repeat right 10px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
border: none;
}

#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
padding-left: 0;
}

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

/ Page /

#page {
width: 1000px;
margin: 0 auto;
padding: 0;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/02.jpg) repeat-y left top;
}

#page-bgbtm {
margin: 0px;
padding: 30px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/03.jpg) no-repeat left bottom;
}

/ Content /

#content {
float: left;
width: 600px;
padding: 0px 20px;
}

.post {
}

.post .title {
height: 38px;
letter-spacing: -.5px;
color: #1757AB;
}

.post .title a {
color: #1757AB;
border: none;
}

.post .meta {
margin-top: -10px;
padding-bottom: 5px;
border-bottom: 1px solid #C9D9E8;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
}

.post .meta a {
}

.post .entry {
text-align: justify;
margin-bottom: 25px;
padding: 10px 20px 0px 0px;
}

.links {
display: block;
width: 96px;
height: 30px;
padding: 2px 0px 0px 0px;
background: url(https://img.webme.com/pic/b/by-ro0driig0o/04.jpg) no-repeat left top;
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: #FFFFFF;
}

/ Sidebar /

#sidebar {
float: right;
width: 270px;
padding: 10px 0px 0px 0px;
color: #57ACF7;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
margin: 0;
padding: 0;
}

#sidebar li ul {
margin: 0px 15px;
padding-bottom: 30px;
}

#sidebar li li {
line-height: 35px;
border-bottom: 1px solid #0E689A;
}

#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

#sidebar h2 {
height: 38px;
padding: 12px 0 0 15px;
letter-spacing: -.5px;
color: #FFFFFF;
}

#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
}

#sidebar a {
border: none;
color: #57ACF7;
}

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

/ Calendar /

#calendar {
}

#calendar_wrap {
padding: 20px;
}

#calendar table {
width: 100%;
}

#calendar tbody td {
text-align: center;
}

#calendar #next {
text-align: right;
}

/ Footer /

#footer-wrapper {
width: 100%;
background: #231202;
}

#footer {
width: 1000px;
height: 100px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}

#footer p {
margin: 0;
padding-top: 40px;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #70AEFF;
}

#footer a {
color: #1F84FF;
}

table {margin-left:auto;margin-right:auto;} 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;}

TEXTO POR ARRIBA

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

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta name="description" content=""/>
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
    <title>Diseño Adaptado Por By-ro0driig0o</title>
</head>

<body id="top">

<div id="layout_wrapper_outer">
<div id="layout_wrapper">

    <div id="layout_top">

        <div id="site_title">
            <h1><a href="#">By <span>ro0driig0o</span></a></h1>
            <h2>Diseño Adaptado Por By-ro0driig0o</h2>
        </div>

    </div>

    <div id="layout_body_outer">
    <div id="layout_body">

        <div id="navigation">

            <div id="nav1">

                <ul>
                    <li class="current_page_item"><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU </a></li>
                    <li><a href="#">MENU </a></li>
                    <li><a href="#">MENU </a></li>
                    <li><a href="#">MENU </a></li>
                    <li><a href="#">MENU </a></li>
                    <li><a href="#">MENU </a></li>

                </ul>

                <div class="clearer"> </div>

            </div>

            <div id="nav2">

                <ul>
                    <li class="current_page_item"><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>
                    <li><a href="#">MENU</a></li>

                </ul>

                <div class="clearer"> </div>

            </div>

        </div>

        <div id="main">

            <div class="left" id="content_outer">
                <div id="content">            </div>
            </div>

            <div class="right" id="sidebar_outer">
                <div id="sidebar">

                    <div class="box">

                        <div class="box_title">MENU</div>

                        <div class="box_content">
                            <p>AQUI ESCRIBE TODO LO QUE QUIERAS BY-RO0DRIIG0O.</p>
                        </div>

                    </div>

                    <div class="box">

                        <div class="box_title">MENU</div>

                        <div class="box_content">
                            <ul>
                                <li><a href="#">TITULO</a></li>
                                <li><a href="#">TITULO</a></li>
                                <li><a href="#">TITULO</a></li>
                                <li><a href="#">TITULO</a></li>
                                <li><a href="#">TITULO</a></li>
                            </ul>
                        </div>

                    </div>

                    <div class="box">

                        <div class="box_title">MENU</div>

                        <div class="box_content">
                            <ul>
                                <li><a href="http://templates.arcsin.se/">TITULO</a></li>
                                <li><a href="#">TITULO</a></li>
                                <li><a href="#">TITULO</a></li>
                                <li><a href="#">TITULO</a></li>
                                <li><a href="#">TITULO</a></li>
                            </ul>
                    </div>

                    </div>

                    <div class="box">

                        <div class="box_title">MENU</div>

                        <div class="box_content">

                            <div class="thumbnails">

                                <a href="#" class="thumb"><img src="http://dealencar.galeon.com/sample-thumbnail.jpg" width="64" height="64" alt="" /></a>
                                <a href="#" class="thumb"><img src="http://dealencar.galeon.com/sample-thumbnail.jpg" width="64" height="64" alt="" /></a>
                                <a href="#" class="thumb"><img src="http://dealencar.galeon.com/sample-thumbnail.jpg" width="64" height="64" alt="" /></a>
                                <a href="#" class="thumb"><img src="http://dealencar.galeon.com/sample-thumbnail.jpg" width="64" height="64" alt="" /></a>
                                <a href="#" class="thumb"><img src="http://dealencar.galeon.com/sample-thumbnail.jpg" width="64" height="64" alt="" /></a>
                                <a href="#" class="thumb"><img src="http://dealencar.galeon.com/sample-thumbnail.jpg" width="64" height="64" alt="" /></a>

                                <div class="clearer"> </div>

                            </div>

                        </div>

                    </div>

                </div>
            </div>

TEXTO POR DEBAJO

<div class="clearer"> </div>

        </div>

        <div id="dashboard">
            <div id="dashboard_inner">

                <div class="col3 left">
                    <div class="col3_content">

                        <div class="col_title">MENU</div>
                        <ul>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                        </ul>

                    </div>
                </div>

                <div class="col3mid left">
                    <div class="col3_content">

                        <div class="col_title">MENU</div>
                        <ul>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                        </ul>

                    </div>
                </div>

                <div class="col3 right">
                    <div class="col3_content">

                        <div class="col_title">MENU</div>
                        <ul>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                            <li><a href="#">LINK</a></li>
                        </ul>

                    </div>
                </div>

                <div class="clearer"> </div>

            </div>
        </div>

    </div>
    </div>

    <div id="footer">

        <div class="left">
            © 2011 TODOS LOS DERECHOS RESERVADOS - By-ro0driig0o
        </div>
        <div class="right">
            Diseño Adaptado <a href="http://by-ro0driig0o.es.tl/">By-ro0driig0o</a>
        </div>

        <div class="clearer"> </div>

    </div>

</div>
</div>

</body>
</html>

SIN STILO TAGS

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;}

/
|--------------------------------------------------|
|Diseño Adapta Por By-ro0driig0o.es.tl   |
|--------------------------------------------------|
/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline; background: transparent; } body {
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/
   General
------------------------------------------------------------------- /

html {
    height: 100%;
    padding-bottom: 1px; / force scrollbars /
}

body {
    background: #202020 url('https://img.webme.com/pic/b/by-ro0driig0o/body1.gif') repeat-x left top;
    color: #5A5A50;
    font: normal 0.8em sans-serif;
    line-height: 1.5em;
}

/
   Typography
------------------------------------------------------------------- /

p {padding: 0.2em 0 1em;}

h1 {font: normal 2em sans-serif;}
h2 {font: normal 1.8em sans-serif;}
h3 {font: normal 1.6em sans-serif;}
h4 {font: normal 1.4em sans-serif;}
h5 {font: bold 1.2em sans-serif;}
h6 {font: bold 1em sans-serif;}

h1,h2,h3,h4,h5,h6 {
    color: #456;
    margin-bottom: 0.3em;
}

blockquote {
    background: #F6F6F6 url('https://img.webme.com/pic/b/by-ro0driig0o/quote1.gif') no-repeat;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
    color: #332;
    display: block;
    margin: 0.6em 0 1.6em;
    padding: 0.8em 1em 0.2em 46px;
}

/
   Tables
------------------------------------------------------------------- /

table.data_table {
    border: 1px solid #CCB;
    margin-bottom: 2em;
    width: 100%;
}
table.data_table th {
    background: #E5E5E5;
    border: 1px solid #D5D5D5;
    color: #555;
    text-align: left;
}
table.data_table tr {border-bottom: 1px solid #DDD;}
table.data_table td, table th {padding: 10px;}
table.data_table td {
    background: #F5F5F5;
    border: 1px solid #E0E0E0;
}

/
   Lists
------------------------------------------------------------------- /

dl {margin-bottom: 2em;}
dt,dd {padding: 8px 10px;}
dt {
    border-bottom: 1px solid #D5D5D5;
    background: #E5E5E5;
    color: #555;
    font-weight: bold;
}
dd {
    background: #F5F5F5;
    border-bottom: 1px solid #E5E5E5;
    padding-left: 16px;
}

/
   Links
------------------------------------------------------------------- /

a {color: #456;}
a:hover {
    color: #D60;
    text-decoration: underline;
}

/
   Forms
------------------------------------------------------------------- /

fieldset {
    border: 1px solid #CCC;
    border-bottom: none;
    font-size: 0.9em;
    margin: 1em 0 1.2em;
}

input, textarea, select {
    background-color: #FFF;
    border: 1px solid #777;
    border-color: #777 #CCC #CCC #777;
    font: normal 1em Verdana,sans-serif;
    padding: 5px 6px;
}

input.button {
    background: #FAFAFA;
    border: 1px solid #AAA;
    border-color: #DDD #AAA #AAA #EEE;
    color: #444;
    cursor: pointer;
    font: normal 1em Verdana,sans-serif;
    margin-top: 5px;
    padding: 6px;
    width: auto;
}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus {background: #FFFFF5;}
input.button:hover, input.button:focus {
    color: #123;
    cursor: pointer;
}

textarea {overflow: auto;}

input.image {
    border: 0;
    padding: 0;
}

/ Specific /

.form_row {
    background: #F5F5F5;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #E1E1E1;
    padding: 10px 0;
}
.form_required {font-weight: bold;}
.form_row_submit, .legend {
    background: #E5E5E5;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #FAFAFA;
    padding: 4px 0 8px;
}
.legend {padding: 8px 18px 6px;}
.form_property, .form_value {float: left;}
.form_property {
    font-size: 1.1em;
    text-align: right;
    width: 110px;
}
.form_value {padding-left: 24px;}
.form_row_submit .form_value {padding-left: 132px;}

/
   Images
------------------------------------------------------------------- /

img.bordered,img.alignleft,img.alignright,img.aligncenter {
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 3px;
}

img.left,img.alignleft {margin: 0 15px 12px 0;}
img.right,img.alignright {margin: 0 0 15px 12px;}

/
   Floats
------------------------------------------------------------------- /

.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.center,.aligncenter {margin: 0 auto;}

.clear,.clearer {clear: both;}
.clearer {
    display: block;
    font-size: 0;
    line-height: 0;
    height: 0;
}

/
   Misc
------------------------------------------------------------------- /

/ Separators /
.content_separator, .archive_separator {
    background: #D5D5D5;
    clear: both;
    color: #FFE;
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 12px 0 24px;
}
.archive_separator {margin: 0 0 14px;}

/ Messages /
.error, .notice, .success {
    border: 1px solid #DDD;
    margin-bottom: 1em;
    padding: 0.6em 0.8em;
}

.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}

/
   Layout
------------------------------------------------------------------- /

/ General /
#layout_wrapper_outer {background: url('https://img.webme.com/pic/b/by-ro0driig0o/layout_wrapper_outer1.jpg') no-repeat center top;}
#layout_wrapper {
    color: #FFF;
    margin: 0 auto;
    width: 906px;
}

#layout_top {height: 114px;}

#layout_body_outer {background: #373737 url('https://img.webme.com/pic/b/by-ro0driig0o/layout_body_outer1.jpg') repeat-x;}
#layout_body {
    background: url('https://img.webme.com/pic/b/by-ro0driig0o/layout_body1.gif') no-repeat;
    padding: 8px 8px 0;
}

/ Site title /
#site_title {padding: 28px 12px 0;}
#site_title a {
    color: #73BCD1;
    text-decoration: none;
}
#site_title a:hover {color: #FFF;}
#site_title h1 {
    font-size: 2.4em;
    margin-bottom: 6px;
}
#site_title h1 span {color: #C0C6CF;}
#site_title h2 {
    color: #789;
    font-size: 1.2em;
}

/ Navigation /
#navigation {
    background: #3A3A3A url('https://img.webme.com/pic/b/by-ro0driig0o/navigation1.gif') no-repeat;
    font: bold 1.3em sans-serif;
    padding: 0 8px;
}
#navigation ul, #navigation li {display: inline;}
#navigation li {display: inline;}
#navigation a {
    float: left;
    margin-right: 1px;
    text-align: center;
    text-decoration: none;
}

#nav1 a {
    color: #BBB;
    padding: 10px 12px 12px;
}
#nav1 a:hover {color: #EEE;}
#nav1 li.current_page_item a,#nav1 li.current_page_parent a {
    background: url('https://img.webme.com/pic/b/by-ro0driig0o/nav1_arrow1.gif') no-repeat center bottom;
    color: #ADE7F6;
}

#nav2 a {
    color: #D0D6DA;
    padding: 10px;
}
#nav2 {
    background: #5090AE url('https://img.webme.com/pic/b/by-ro0driig0o/nav21.gif') repeat-x;
    margin: 0 -8px;
    padding: 0 8px;
}
#nav2 a:hover {color: #FFF;}
#nav2 li.current_page_item a {color: #FFF;}

/ Main /
#main {
    background: url('https://img.webme.com/pic/b/by-ro0driig0o/main1.gif') repeat-y;
    border-bottom: 1px solid #C5C5C5;
}
#main ol, #main ul {margin: 0 0 1.2em 1.6em;}
#main ul li {list-style: disc;}
#main ol li {list-style: decimal;}
#main li {padding: 2px 0;}

#content_outer {
    border-top: 1px solid #FFF;
    width: 629px;
}
#content {
    color: #444;
    padding: 16px;
}

/ Sidebar /
#sidebar_outer {
    border-top: 1px solid #EEE;
    width: 259px;
}
#sidebar {
    color: #555;
    padding: 16px 12px;
}
#sidebar a {color: #555;}
#sidebar a:hover {color: #000;}

/ Dashboard /
#dashboard {
    background: #CCC;
    border-top: 1px solid #D5D5D5;
    font-size: 0.9em;
}
#dashboard_inner {padding: 16px 20px 6px;}

#dashboard .col3 {width: 255px;}
#dashboard .col3mid {width: 337px;}
#dashboard .col3mid .col3_content {
    border-left: 1px solid #B5B5B5;
    border-right: 1px solid #B5B5B5;
    padding: 0 20px;
    margin: 0 20px;
}
#dashboard .col_title {
    color: #666;
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 5px;
}

#dashboard li {
    color: #777;
    padding: 4px 0;
}
#dashboard li {border-top: 1px solid #BEBEBE;}
#dashboard li a {
    color: #666;
    text-decoration: none;
}
#dashboard li a:hover {
    color: #333;
    text-decoration: underline;
}

/ Footer links /
#footer {
    background: url('https://img.webme.com/pic/b/by-ro0driig0o/footer1.gif') no-repeat;
    color: #777;
    font-size: 0.9em;
    padding: 22px 8px 10px;
}
#footer a {color: #999;}
#footer .right, #footer .right a {
    color: #666;
    text-decoration: none;
}
#footer a:hover {color: #999;}

/
   Posts
------------------------------------------------------------------- /

.post {margin-bottom: 24px;}

.post_title a,.post_date a,.post_meta a {text-decoration: none;}
.post_date a:hover,.post_meta a:hover,.post_meta a:hover {text-decoration: underline;}

.post_date {
    border-top: 1px solid #D5D5D5;
    color: #777;
    font-size: 0.9em;
    padding: 8px 0 12px;
}
.post_date a {color: #444;}

.post_meta {
    background: #E7E7E7;
    border: 1px solid #D7D7D7;
    color: #777;
    font-size: 0.9em;
    padding: 6px 10px;
}
.post_meta a {color: #345; }
.post_meta a:hover {color: #001;}

/ Archives /
.archive_pagination {margin-bottom: 1.6em;}
.archive_post {margin-bottom: 14px;}
.archive_post_date {
    background: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-right: 1px solid #CFCFCF;
    float: left;
    margin-right: 12px;
    padding: 2px 0 5px;
    text-align: center;
    width: 46px;
}
.archive_post .post_date {
    border: none;
    padding: 0;
}
.archive_post_day {font: normal 1.6em Georgia,serif;}

/
   Thumbnails
------------------------------------------------------------------- /

.thumbnails {margin: 0 -0 2em -8px;}
.thumbnails a.thumb {
    background: #D5D5D5;
    display: block;
    float: left;
    margin: 0 0 8px 8px;
    padding: 3px;
}
.thumbnails a.thumb:hover {background: #C0C0C0;}
.thumbnails .thumb img {display: block;}

/
   Box
------------------------------------------------------------------- /

.box {margin-bottom: 0.6em;}
.box_title {
    background: #E5E5E5;
    border: 1px solid #EAEAEA;
    border-color: #EAEAEA #D5D5D5 #D5D5D5 #E5E5E5;
    color: #777;
    font: bold 1.3em sans-serif;
    padding: 6px 10px;
}
.box_content {padding: 8px 0 8px;}
.box li:first-child {border-top: none;}

/
   Comments
------------------------------------------------------------------- /

div.comment_list {
    border-top: 1px solid #D6D6D6;
    margin: 1em 0 2em;
}

.comment {
    border-bottom: 1px solid #D6D6D6;
    padding-top: 10px;
}
.comment_date {font-size: 0.9em;}
.comment_date a {
    color: #567;
    text-decoration: none;
}
.comment_date a:hover {
    color: #001;
    text-decoration: underline;
}
.comment_body {padding-top: 4px;}

.comment_gravatar {width: 48px;}
.comment_gravatar img {
    background: #FFF;
    border: 1px solid #DDD;
    padding: 2px;
}

/ Single Line IE Fixes /
html #nav1, * html #nav2, * html #layout_body, * html #dashboard_inner, * html #footer {height: 0.01%; min-height: 0.01%;}

table {margin-left:auto;margin-right:auto;} 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;}

Bueno pues me pidieron el diseño que tenia anteriormente en mi web que fue borrada y no se por que. Pero bueno aqui les traigo el diseño css. Espero lo disfruten y porfavor dejen los creditos.

Texto por arriba.

<title>THEMARTINCS</title>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/3761248391-widget_css_bundle.css' />
<link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=821343966345510071&zx=67a84e63-91a2-41ef-a91d-28fec25363b6"/>
<style type="text/css">#navbar-iframe { display:block }
</style>

<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='outer-wrapper'>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>

<div id='container-top'></div>
<div id='content-wrapper'>
<div id='content-wrap'>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto por debajo.

</div></div>
</div>
<div id='sidebar-wrapper'>
<form action='/search' id='searchform' method='get'>
<div><input id='s' name='q' size='32' tabindex='1' type='text'/>
<input id='searchsubmit' name='searchsubmit' tabindex='2' type='submit' value='Search'/></div>
</form>
<div class='clear'></div>
<div class='sidebar section' id='sidebar'><div class='widget LinkList' id='LinkList1'>
<h2>NOMBRE AQUI</h2>
<div class='widget-content'>
<ul>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
<div class='widget LinkList' id='LinkList1'>
<h2>NOMBRE AQUI</h2>
<div class='widget-content'>
<ul>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
</ul>
<div class='clear'></div>
</div>
</div>
<div class='widget LinkList' id='LinkList1'>
<h2>NOMBRE AQUI</h2>
<div class='widget-content'>
<ul>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>
</ul>
<div class='clear'></div>
</div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
</div>
<!-- end content-wrapper -->
<div id='container-bottom'>
<div class='cleft'>
    Copyright © NOMBRE DE TU PAGINA AQUI
</div>
<div class='cright'>
<a href='http://by-ro0driig0o.es.tl/' title=''>Adaptado Por By-ro0driig0o</a>
</div>
</div>
</div><!-- end outer-wrapper -->
</body>
</html>

Sin Stylo Tags.

table {margin-left:auto;margin-right:auto;}
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;}
/*
-------------------------------------------
Plantilla por by-ro0driig0oes.tl
-------------------------------------------
*/
#navbar-iframe {
display:none;
}
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 {
background:#000 url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nq5h6budI/AAAAAAAAC_o/JnTYblUixFc/background-body-repeat.png) repeat-y top center;
color:#fff;
font-size:11px;
font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
text-shadow:#000 0 1px 0;
}
a:link {
color:#08ABE1;
text-decoration:none;
}
a:visited {
color:#217c9b;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a img {
border-width:0;
}
.clear {
clear:both;
}
#header-wrapper {
height:100px;
padding-left:40px;
}
#header-inner {
background-position:center;
margin-left:auto;
margin-right:auto;
}
#header {
float:left;
text-align:left;
padding-top:25px;
height:95px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9ntJcZyMxI/AAAAAAAADAI/Knzt2PktSJA/aIsm5.png);
}
#header h1 {
letter-spacing:-2px;
font-size:42px;
font-weight:bold;
text-shadow:#fff 0 1px 0;
}
#header a {
color:#fff;
text-decoration:none;
}
#header .description {
font-size:12px;
font-weight:bold;
padding-left:10px;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
width:905px;
padding-left:28px;
padding-right:28px;
margin:0 auto;
position:relative;
overflow:hidden;
background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nrLt7vdZI/AAAAAAAAC_4/pgqz1lTMeTs/background-top.jpg) no-repeat top center;
background-attachment:fixed;
}
#container-top {
width:873px;
height:92px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5VJqNwI/AAAAAAAAC_k/vnvJ7LAxaoQ/4pfhA.png) top left;
float:right;
}
#container-bottom {
width:873px;
height:78px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5VJqNwI/AAAAAAAAC_k/vnvJ7LAxaoQ/4pfhA.png) no-repeat bottom left;
display:block;
float:right;
margin-bottom:30px;
position:relative;
}
#content-wrapper {
float:right;
width:873px;
background:url(http://lh6.ggpht.com/_Kwwy9VyLMKw/S9nq6PJosFI/AAAAAAAAC_w/BkrtQFdnPdA/background-main-repeat.png) repeat-y top left;
}
#content-wrap {
margin-top:-45px;
margin-left:30px;
}
#main-wrapper {
float:left;
width:525px;
}
#sidebar-wrapper {
float:right;
width:268px;
margin-right:33px;
}
.sidebar h2 {
font-size:18px;
font-weight:bold;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
width:268px;
padding-left:8px;
background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nq6PdxK-I/AAAAAAAAC_0/ENkiCRIWoIY/background-sidebar-heading.png) no-repeat top left;
line-height:34px;
}
.post {
position:relative;
width:490px;
margin:0 0 60px 15px;
}
.top-meta {
position:absolute;
display:block;
top:0;
left:-80px;
width:44px;
}
.PostTime {
display:block;
width:41px;
height:34px;
padding-top:5px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nrMa6Gk6I/AAAAAAAADAE/ZkJtY8RUgUQ/post-icons.png) no-repeat bottom left;
font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
text-shadow:#058cba 0 1px 0;
text-align:center;
color:#07294a!important;
font-size:11px;
font-weight:bold;
text-decoration:none;
margin-right:1px;
margin-top:2px;
}
.notecount {
display:block;
width:41px;
height:28px;
padding-top:11px;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nrMa6Gk6I/AAAAAAAADAE/ZkJtY8RUgUQ/post-icons.png) no-repeat bottom left;
background-position:0 -156px;
font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
text-shadow:#058cba 0 1px 0;
text-align:center;
color:#FFF!important;
font-size:11px;
font-weight:bold;
text-decoration:none;
margin-right:1px;
margin-top:2px;
}
.notecount b {
color:#07294a!important;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-align:center;
}
.notecount span {
font-size:9px;
display:block;
margin:0 auto;
font-weight:normal;
text-align:center;
line-height:9px;
}
.post h3 {
background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nrLoF3DeI/AAAAAAAAC_8/yGeRAkmwPO4/hr.png) no-repeat left bottom;
padding:9px 0 6px 4px;
}
.post h3 a,.post h3 a:visited,.post h3 strong {
font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
font-size:20px;
font-weight:bold;
color:#fff;
text-decoration:none;
display:block;
text-decoration:none;
font-weight:normal;
}
.post-body {
font-size:11px;
line-height:1.8em;
margin:20px 0 30px;
}
.jump-link {
margin:0 0 30px;
}
.jump-link a {
padding:4px 15px;
background:#3D3235;
color:#fff;
text-decoration:none;
-moz-border-radius:15px;
-khtml-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
font-size:12px;
font-weight:bold;
}
.jump-link a:hover {
color:#fff;
background:#313137;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.5);
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;
overflow:hidden;
padding:5px 15px;
position:relative;
width:450px;
}
.post ol,.post ul {
margin-left:25px;
}
.post img,table.tr-caption-container {
max-width:495px;
margin-bottom:9px;
margin-left:4px;
position:relative;
border:4px solid #FFF;
box-shadow:0 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.5);
}
.tr-caption-container img {
padding:0;
}
.post blockquote {
margin:1em 20px;
font-style:italic;
font-size:12px;
}
.post blockquote p {
margin:.75em 0;
}
#comments {
margin-left:30px;
}
#comments h4 {
margin:1em 0;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#999999;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
margin:0 20px;
text-align:center;
}
.feed-links {
margin:20px 0 0 20px;
clear:both;
line-height:2.5em;
}
.sidebar {
margin-top:11px;
line-height:18px;
font-size:11px;
}
#s {
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;
color:#CCCCCC;
padding:4px 0;
width:200px;
padding-left:6px;
}
input {
-moz-border-radius:5px;
border:0;
color:#CCC;
background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;
padding:3px;
}
.sidebar ul {
list-style:none;
margin:0;
padding:0;
}
.sidebar li {
background:url(http://lh6.ggpht.com/_Kwwy9VyLMKw/S9nrMFDU9qI/AAAAAAAADAA/1orVGJgCS_s/icon-link-star.png) no-repeat center left;
font-size:13px;
font-weight:bold;
color:#fff;
padding-left:26px;
line-height:35px;
text-decoration:none;
margin-left:1px;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar .widget-content {
color:#217c9b;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
border:1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color:#999999;
font-weight:bold;
line-height:1.6em;
}
.profile-datablock {
margin:.5em 0;
}
.profile-textblock {
margin:.5em 0;
line-height:1.6em;
}
.profile-link {
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.cleft {
float:left;
margin:15px 0 0 50px;
}
.cright {
float:right;
margin:10px 40px 0 0;
}

TEXTO POR ENCIMA de la Pagina.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
diseño echo por by-ro0driig0o
http://www.by-ro0driig0o.es.tl
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>by-ro0driig0o</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="header">
 <div id="menu">
  <ul>
   <li><a href="#" class="first">TITULO</a></li>
   <li class="current_page_item"><a href="#">TITULO</a></li>
   <li><a href="#">TITULO</a></li>
   <li><a href="#">TITULO</a></li>
  </ul>
 </div>
 <!-- end #menu -->
</div>
<!-- end #header -->
<div id="logo">
 <h1><a href="http://by-ro0driig0o.es.tl/">By-ro0driig0o</a></h1>
 <p><em> diseño adaptado por  <a href="http://by-ro0driig0o.es.tl/">by-ro0driig0o</a> </em></p>
</div>
<hr />
<!-- end #logo -->
<div id="page">
 <div id="page-bgtop">
  <div id="page-bgbtm">
   <!-- end #content -->
<div id="sidebar">
    <ul>
     <li>
      <h2>TITULO AQUI </h2>
      <ul>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
      </ul>
     </li>
     <li>
      <h2><a href="#">TITULO</a> AQUI </h2>
      <ul>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
      </ul>
     </li>
     <li>
      <h2><a href="#">TITULO</a> AQUI </h2>
      <ul>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
       <li><a href="#">TITULO</a></li>
      </ul>
     </li>
    </ul>
    </div>

TEXTO POR DEBAJO

<!-- end #sidebar -->
  </div>
 </div>
</div>
<div id="footer">
 <p> © 2011™ Todos los Derechos Reservados. ©TU WEB. | Diseño Adaptado Por <a href="http://www.by-ro0driig0o.es.tl/">By-ro0driig0o </a>. </p>
</div>
</body>
</html>

Sin Stylo Tags

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;}
 
/*
|--------------------------------------------------|
|Diseño Adapta Por By-ro0driig0o.es.tl   |
|--------------------------------------------------|
*/
body {
 margin: 20px 0px 0px 0px;
 padding: 0;
 background: #191919 url(https://img.webme.com/pic/b/by-ro0driig0o/img07.jpg) no-repeat right top;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 11px;
 color: #3C3C3C;
}
h1, h2, h3 {
 margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #549900;
}
h1 {
 font-size: 44px;
}
h2 {
 font-size: 18px;
}
h3 {
}
p, ul, ol {
 margin-top: 0;
 line-height: 240%;
 text-align: justify;
}
ul, ol {
}
blockquote {
}
a {
 color: #065EFE;
}
a:hover {
 text-decoration: none;
}
a img {
 border: none;
}
img.left {
 float: left;
 margin: 7px 30px 0 0;
}
img.right {
 float: right;
 margin: 7px 0 0 30px;
}
hr {
 display: none;
}
.list1 {
}
.list1 li {
 float: left;
 line-height: normal;
}
.list1 li img {
 margin: 0 30px 30px 0;
}
.list1 li.alt img {
 margin-right: 0;
}
#wrapper {
}
/* Header */
#header {
 width: 950px;
 height: 70px;
 margin: 0px auto;
}
/* Menu */
#menu {
}
#menu ul {
 margin: 0;
 padding: 8px 0px 0px 0px;
 list-style: none;
 line-height: normal;
}
#menu li {
 display: block;
 float: left;
}
#menu a {
 display: block;
 float: left;
 height: 28px;
 padding: 8px 30px 0px 35px;
 letter-spacing: -1px;
 text-decoration: none;
 text-align: center;
 text-transform: lowercase;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #FFFFFF;
}
#menu a:hover {
 text-decoration: none;
}
#menu li.current_page_item {
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img01.jpg) no-repeat left top;
}
#menu li.current_page_item a {
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img02.jpg) no-repeat right top;
}
#menu .first {
}
/* Search */
#search {
 float: right;
 padding: 10px 10px 0px 0px;
}
#search form {
 float: right;
 margin: 0;
 padding: 4px 0px 0 0;
}
#search fieldset {
 margin: 0;
 padding: 0;
 border: none;
}
#search input {
 float: left;
 font: 12px Georgia, "Times New Roman", Times, serif;
}
#search-text {
 width: 213px;
 height: 28px;
 padding: 6px 0 0 7px;
 border: none;
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img02.jpg) no-repeat left top;
 color: #000000;
}
#search-submit {
 width: 82px;
 height: 28px;
 margin-left: 10px;
 padding: 0px 5px;
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img03.jpg) no-repeat left top;
 border: none;
 text-indent: -9999px;
 color: #FFFFFF;
}
/* Page */
#page {
 width: 930px;
 margin: 0px auto;
 padding: 10px 10px 10px 10px;
 background: #E1E1E1;
}
#page-bgtop {
}
#page-bgbtm {
 overflow: hidden;
}
/** LOGO */
#logo {
 width: 950px;
 height: 135px;
 margin: 0 auto;
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img03.jpg) no-repeat left top;
}
#logo h1, #logo p {
 margin: 0px;
 line-height: normal;
 text-transform: lowercase;
 font-weight: normal;
 color: #FFFFFF;
}
#logo p {
 margin-top: -4px;
 padding: 0px 0px 0px 120px;
 text-transform: lowercase;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 13px;
 color: #3E81FB;
}
#logo h1 {
 padding: 30px 0px 0px 120px;
 letter-spacing: -1px;
 font-size: 48px;
}
#logo h1 a {
 text-decoration: none;
 color: #FFFFFF;
}
#logo a {
 text-decoration: none;
 color: #3E81FB;
}
#banner {
 padding-bottom: 20px;
}
/* Content */
#content {
 float: left;
 width: 620px;
 padding: 0px 0px 0px 0px;
}
/* Post */
.post {
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img05.jpg) repeat-y left top;
}
.post-bgtop {
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img04.jpg) no-repeat left top;
}
.post-bgbtm {
 padding: 0px 30px 20px 30px;
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img06.jpg) no-repeat left bottom;
}
.post .title {
 height: 44px;
 margin: 0px;
 padding: 36px 0px 0px 0px;
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img11.jpg) repeat-x left bottom;
}
.post .title a {
 letter-spacing: -2px;
 text-decoration: none;
 text-transform: lowercase;
 font-size: 36px;
 color: #424242;
}
.post .title a:hover {
 color: #065EFE;
}
.post .meta {
 margin-left: 2px;
 padding: 4px 30px 2px 0px;
 text-transform: uppercase;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 11px;
 color: #66665E;
}
.post .meta span {
 margin: 0px;
}
.post .meta a {
 text-decoration: none;
}
.post .entry {
 padding: 10px 0px 0px 0px;
}
.post .comments {
 display: block;
 width: 120px;
 height: 18px;
 margin: 0px;
 padding: 3px 0px 0px 40px;
 background: #90BF35;
 border: 1px solid #5F817E;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-decoration: none;
 font-weight: bold;
 color: #FFFFFF;
}
/* Sidebar */
#sidebar {
 float: right;
 width: 310px;
 font-family: Arial, Helvetica, sans-serif;
}
#sidebar ul {
 margin: 0;
 padding: 0;
 background:  none;
 list-style: none;
 line-height: normal;
}
#sidebar li {
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img09.jpg) repeat-y left top;
}
#sidebar li ul {
 margin: 0px 0px;
 padding: 0px 0px 20px 0px;
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img10.jpg) no-repeat left bottom;
}
#sidebar li li {
 margin: -20px 30px 20px 30px;
 padding: 8px 0px 8px 10px;
 border-bottom: 1px solid #E0E0E0;
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img1.jpg) no-repeat left 13px;
}
#sidebar li li a {
 font-weight: normal;
}
#sidebar li li a:hover {
 color: #065EFE;
}
#sidebar p {
 margin: 0;
 padding: 0px 14px;
}
#sidebar h2 {
 height: 50px;
 margin: 0px;
 padding: 30px 0px 13px 30px;
 background: url(https://img.webme.com/pic/b/by-ro0driig0o/img08.jpg) no-repeat left top;
 letter-spacing: -1px;
 text-transform: lowercase;
 font-size: 24px;
 font-weight: normal;
 color: #424242;
}
#sidebar p {
 line-height: 200%;
}
#sidebar a {
 text-align: left;
 text-decoration: none;
 font-weight: bold;
 color: #666666;
}
/* Calendar */
#calendar {
}
#calendar caption {
 padding-bottom: 5px;
 font-weight: bold;
}
#calendar table {
 width: 100%;
 border-collapse: collapse;
 border-bottom: 1px solid #24130F;
 border-left: 1px solid #24130F;
 border-right: 1px solid #24130F;
}
#calendar thead th {
 padding: 5px 0;
 text-align: center;
 border-top: 1px solid #24130F;
 border-left: 1px solid #24130F;
 background: #24130F;
}
#calendar tbody td {
 padding: 5px 0;
 text-align: center;
 border-top: 1px solid #24130F;
 border-left: 1px solid #24130F;
 border-bottom: 1px solid #24130F;
}
#calendar tfoot td {
 padding: 5px;
 border-left: 1px solid #24130F;
 border-bottom: 1px solid #24130F;
}
#calendar tfoot #next {
 border-top: 1px solid #24130F;
 text-align: right;
}
#calendar tfoot #prev {
 border-top: 1px solid #24130F;
}
#calendar .pad {
 border-bottom: 1px solid #24130F;
}
#calendar #today {
 background: #24130F;
}
/* Footer */
#footer {
 width: 920px;
 height: 100px;
 margin: 0 auto;
 padding: 0;
}
#footer-bgcontent {
}
#footer p {
 margin: 0;
 padding: 30px 0px 0px 0px;
 text-align: center;
 line-height: normal;
 font-size: 11px;
}
#footer a {
}
 
table {margin-left:auto;margin-right:auto;}  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;}

Codigos:

Encima de la pagina

<!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" xml:lang="de" lang="de"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> <title> - HOME</title> <style type="text/css"> <!--

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;}

/*

Design by Metamorphosis Design

http://www.metamorphozis.com

Released for free under a Creative Commons Attribution 2.5 License

*/

a:link {

color: #3886E0;

}

a:hover, {

text-decoration: underline;

color: #FF0000;

}

a:visited {

color: #3886E0;

}

*

{

border: 0;

margin: 0;

}

body

{

background: #000000 url(http://i.imgur.com/GQIln.jpg) repeat-x top;

font: 12px Tahoma, Arial, Helvetica, sans-serif;

color: #666666;

}

#main

{

margin: 0 auto;

width: 902px;

background: url(http://i.imgur.com/xJDO2.jpg) repeat-y;

}

#header

{

background: url(http://i.imgur.com/jzDWN.jpg) no-repeat;

width: 902px;

height: 118px;

}

#logo

{

padding-left: 40px;

text-align: left;

padding-top: 40px;

}

#logo a {

text-decoration: none;

text-transform: lowercase;

font-style: italic;

font-size: 16px;

color: #FFFFFF;

font-weight: bold;

}

#logo H2 a

{

font-size: 10px;

}

#buttons

{

float: right;

padding-top: 73px;

height: 40px;

padding-right: 30px;

}

#buttons li {

display: inline;

}

#buttons a {

display: block;

float: left;

width: 120px;

height: 30px;

margin-left: 1px;

background: url(http://i.imgur.com/9qdR9.gif) repeat-x;

text-align: center;

text-decoration: none;

color: #ffffff;

font-weight: bold;

font-size: 14px;

padding-top: 10px;

}

#buttons a:hover {

width: 120px;

height: 30px;

background: #FFFFFF url(http://i.imgur.com/YfpJ0.jpg) repeat-x;

}

#content

{

width: 870px;

padding: 15px;

}

#left

{

width: 580px;

padding: 10px;

}

#left H1

{

color: #033B80;

margin: 0;

padding: 0;

font-size: 24px;

}

#left H2

{

color: #033B80;

margin: 0;

padding: 0;

font-size: 18px;

padding-top: 10px;

}

#left a

{

color: #3886E0;

}

#left a:hover, {

text-decoration: none;

color: #FF0000;

}

#left a:visited {

color: #3886E0;

}

#right

{

float: right;

width: 254px;

}

#sidebar

{

width: 254px;

}

#sidebar ul

{

margin: 0;

padding: 0;

list-style: none;

}

#sidebar li

{

margin-bottom: 15px;

}

#sidebar li ul {

padding: 10px;

border-top: none;

}

#sidebar li li {

margin: 0;

padding: 3px 0;

}

#sidebar li h2 {

height: 36px;

margin: 0;

padding: 10px 0 0 20px;

background: url(http://i.imgur.com/kAm6Y.jpg) no-repeat;

font-size: 18px;

color: #ffffff;

}

#sidebar a:link {

text-decoration: none;

}

#sidebar a:hover {

text-decoration: underline;

}

#sidebar a:visited {

text-decoration: none;

}

#sidebar li a {

padding-left: 10px;

background: url(http://i.imgur.com/gWDLe.gif) no-repeat left center;

}

#metamorph2

{

border-left: 1px solid #4E4E4E;

border-right: 1px solid #4E4E4E;

width: 902px;

margin: auto;

}

#footer

{

background: url(http://i.imgur.com/ReD6N.gif) repeat-x;

height: 52px;

font-size: 10px;

color: #ffffff;

padding-top: 20px;

text-align: center;

border-left: 1px solid #ffffff;

border-right: 1px solid #ffffff;

border-bottom: 1px solid #ffffff;

}

#footer a

{

color: #ffffff;

font-size: 10px;

text-decoration: none;

}

.padding

{

padding: 10px;

color:#FF0000;

font-weight: bold;

} //--> </style> </head> <body id="hpb_cssonly"> </head> <body> <div id="main">  <div id="header"> <div id="buttons"> <ul> <li class="first"><a href="#" _fcksavedurl="#" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" title="">Blog</a></li> <li><a href="#" _fcksavedurl="#" title="">Gallery</a></li> <li><a href="#" _fcksavedurl="#" title="">About</a></li> <li><a href="#" _fcksavedurl="#" title="">Contact</a></li> </ul></div> <div id="logo"><a href="#" _fcksavedurl="#">Metamorph_blue</a> <h2><a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" id="metamorph">Design by Metamorphosis Design</a></h2></div> </div>   <div id="content"> <div id="right"> <div id="sidebar"> <ul> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">June 2008</a> <i>(1)</i></li> <li><a href="#" _fcksavedurl="#">May 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">April 2008</a> <i>(50)</i></li> <li><a href="#" _fcksavedurl="#">March 2008</a> <i>(4)</i></li> <li><a href="#" _fcksavedurl="#">February 2008</a> <i>(24)</i></li> <li><a href="#" _fcksavedurl="#">January 2008</a> <i>(21)</i></li> </ul> </li> <li> <h2>Company News </h2> <ul> <li> <h3>June 23, 2008</h3> <p><a href="#" _fcksavedurl="#">Tempus in, lacus. Duis tempor posuere diam. Suspendisse vel tellus quis nunc malesuada porta. …</a></p> </li> <li> <h3>March 4, 2008</h3> <p><a href="#" _fcksavedurl="#">Nulla id magna sed dolor sollicitudin laoreet. tempus in, lacus. Duis tempor posuere diam…</a></p> </li> <li> <h3>February 18, 2008</h3> <p><a href="#" _fcksavedurl="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. …</a></p> </li> <li> <h3>February 12, 2008</h3> <p><a href="#" _fcksavedurl="#"> Sed dolor sollicitudin laoreet. tempus in, lacus. Duis tempor posuere diam. Suspendisse </a></p> </li> <li> <h3>February 1, 2008</h3> <p><a href="#" _fcksavedurl="#">Ipsum dolor sit amet, consectetuer adipiscing elit. In nec …</a></p> </li> </ul> </li> </ul> </div>  </div> <div id="left"> <h1>Welcome to Our Website!</h1>

debajo de la pagina

</div> <div class="small"> <p class="date"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> <p class="file"> </p> </div> </div> </div>   <div id="metamorph2"><div id="footer"> <p> </p> <p><a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> </div>  </div> </body> </html>

Sin Stytle taggs

<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=marianosky7&auth1=c241c291b7869e149f5d5b750ba62a77&auth2=ba510d8086dd3fdfda5497547c1884a5&auth3=4f7cba9904b3a1629c3ce951682438f5&auth4=8710767d1a52818841052352f238d8d4&auth5=9097437a9b6239ea1289fcb3a65ff50d&mode=track" style="display:none;width:1px;height:1px;"></iframe> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script> <script type="text/javascript">

_uacct = "UA-2594508-9";

urchinTracker();

</script> <div id="extraDiv1"><span></span></div> <div id="extraDiv2"><span></span></div> <div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div> <div id="extraDiv5"><span></span></div> <div id="extraDiv6"><span></span></div> </body> </html>

Codigos

Encima de la pagina

<!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" xml:lang="de" lang="de"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=" /> <title> - HOME</title> <style type="text/css">  </style> </head> <body id="hpb_cssonly"> <title></title> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#" class="Estilo1">marianosky </a></h1> <p> </p> </div> </div>  <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <div id="content"> <div class="post"> <h2 class="title"><a href="#" _fcksavedurl="#">Welcome to Boosting </a></h2>

debajo de la pagina

<div id="container"> <div id="header_container"> <div id="pre_header"></div> <div class="header"><h1 id="header"><span> </span></h1></div> <div id="post_header"></div> </div> <div id="nav_container"> <h2 id="nav_heading"><span></span></h2> <ul id="nav"> <li class="nav_element checked_menu" id="nav_HOME"> <a href="/HOME.htm" _fcksavedurl="/HOME.htm" class="menu"><span><b><font color=#F0CC18>HOME</font></b></span></a></li> <li class="nav_element" id="nav_FUTBOLENVIVO"> <a href="/FUTBOL-EN-VIVO.htm" _fcksavedurl="/FUTBOL-EN-VIVO.htm" class="menu"><span>FUTBOL EN VIVO</span></a></li> <li class="nav_element" id="nav_PAGINA2"> <a href="/PAGINA-2.htm" _fcksavedurl="/PAGINA-2.htm" class="menu"><span>PAGINA 2</span></a></li> <li class="nav_element" id="nav_PAGINA3"> <a href="/PAGINA-3.htm" _fcksavedurl="/PAGINA-3.htm" class="menu"><span>PAGINA 3</span></a></li> </ul> </div> <div id="content_container"> <div id="pre_content"></div> <div id="content"> <h2 id="title"><span>HOME</span></h2> <br /> </div> <div id="counter"><span></span></div> <div id="post_content"></div> <div id="sidebar_container"> <h2 id="sidebar_heading"><span></span></h2> <div id="sidebar_content"></div> </div> </div> </div> </div> <div class="post"><div class="entry"></div> </div> <div class="post"><div class="entry"></div> </div> <div style="clear: both;"> </div> </div>  <div id="sidebar"> <ul> <li> <div id="search" > <form method="get" action="#"> <div> <input type="text" name="s" id="search-text" value="" /> <input type="submit" id="search-submit" value="GO" /> </div> </form> </div> <div style="clear: both;"> </div> </li> <li> <h2>Aliquam tempus</h2> <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper consectetuer hendrerit.</p> </li> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> </ul> </li> <li> <h2>Blogroll</h2> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div> </div> </div>  </div> <div id="footer"> <p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div>  </body> </html>

Sin Stytle taggs

<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=marianosky7&auth1=c241c291b7869e149f5d5b750ba62a77&auth2=ba510d8086dd3fdfda5497547c1884a5&auth3=4f7cba9904b3a1629c3ce951682438f5&auth4=8710767d1a52818841052352f238d8d4&auth5=9097437a9b6239ea1289fcb3a65ff50d&mode=track" style="display:none;width:1px;height:1px;"></iframe> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script> <script type="text/javascript">

_uacct = "UA-2594508-9";

urchinTracker();

</script> <div id="extraDiv1"><span></span></div> <div id="extraDiv2"><span></span></div> <div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div> <div id="extraDiv5"><span></span></div> <div id="extraDiv6"><span></span></div> </body> </html>

Codigos

Encima de la pagina

<!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" xml:lang="de" lang="de"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> <title> - HOME</title> <style type="text/css">  </style> </head> <body id="hpb_cssonly"> </head> <body> <div id="main"> <div id="inner">  <div id="header"> <div id="logo"> <h1>marianosky</h1> <h2> </h2> </div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">Products</a></li> <li><a href="#" _fcksavedurl="#">Support</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Contact</a></li> </ul> </div>  </div>   <div id="page">  <div id="leftbar" class="sidebar"> <h2>Categories</h2> <div class="back"> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non semper</a></li> <li><a href="#" _fcksavedurl="#">Proin porttitor</a></li> </ul> </div> <div class="bottom_small"></div> <h2>Archives</h2> <div class="back"> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> </ul> </div> <div class="bottom_small"></div> <div id="leftbar" class="sidebar"> <h2>Categories</h2> <div class="back"> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non semper</a></li> <li><a href="#" _fcksavedurl="#">Proin porttitor</a></li> </ul> </div> <div class="bottom_small"></div> <h2>Archives</h2> <div class="back"> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> <li><a href="#" _fcksavedurl="#">Metus aliquam</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> </ul> </div> <div class="bottom_small"></div> </div> </div>   <div id="content"> <div class="post"> <div class="top"></div> <div class="middle_back">

debajo de la pagina

</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div class="bottom"></div> </div> </div>   <div id="rightbar" class="sidebar"> <h2>Tags</h2> <div class="back"> <a href="#" _fcksavedurl="#">dolor</a> <a href="#" _fcksavedurl="#">ipsum</a> <a href="#" _fcksavedurl="#">lorem</a> <a href="#" _fcksavedurl="#">sit amet</a> <a href="#" _fcksavedurl="#">dolor</a> <a href="#" _fcksavedurl="#">ipsum</a> <a href="#" _fcksavedurl="#">lorem</a> <a href="#" _fcksavedurl="#">sit amet</a> </div> <div class="bottom_small"></div> <h2>Recent Posts</h2> <div class="back"> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li> <li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li> </ul> </div> <div class="bottom_small"></div> <h2>Calendar</h2> <div class="back"></div> <div class="bottom_small"></div> </div>  <div style="clear: both;"> </div> </div>  </div> <div id="footer"> <p>Copyright © 2009. <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> <p><a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Website Design</a> by <a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a></p> </div> </div> </body> </html>

Sin Stytle taggs

<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=marianosky7&auth1=c241c291b7869e149f5d5b750ba62a77&auth2=ba510d8086dd3fdfda5497547c1884a5&auth3=4f7cba9904b3a1629c3ce951682438f5&auth4=8710767d1a52818841052352f238d8d4&auth5=9097437a9b6239ea1289fcb3a65ff50d&mode=track" style="display:none;width:1px;height:1px;"></iframe> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script> <script type="text/javascript">

_uacct = "UA-2594508-9";

urchinTracker();

</script> <div id="extraDiv1"><span></span></div> <div id="extraDiv2"><span></span></div> <div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div> <div id="extraDiv5"><span></span></div> <div id="extraDiv6"><span></span></div> </body> </html>

En este tutorial les enseñare a como poner el diseño CSSa su pagina web.

Como poner el diseño css a su pagina web: