Los-Recursos - La mejor ayuda webmaster.

Blueblog

Por encima de la pagina

<body> <div class="content">   <div id="top">     <div class="padding"> <a href="#" _fcksavedurl="#">NOMBRE</a> | <a href="#" _fcksavedurl="#">NOMBRE</a> </div>   </div>   <div id="header">     <div class="title">       <h1>TITULO</h1>       <h2>DESCRIPCION</h2>     </div>   </div>   <div id="subheader">     <div id="menu">       <ul>         <li><a href="#" _fcksavedurl="#">NOMBRE</a></li>         <li><a href="#" _fcksavedurl="#">NOMBRE</a></li>         <li><a href="#" _fcksavedurl="#">NOMBRE</a></li>         <li><a href="#" _fcksavedurl="#">NOMBRE</a></li>         <li><a href="#" _fcksavedurl="#">NOMBRE</a></li>         <li><a href="#" _fcksavedurl="#">NOMBRE</a></li>       </ul>     </div>   </div>   <div id="main">     <div class="right_side">       <div class="nav">         <h2>TITULO</h2>         <div class="padding">           CONTENIDO</div>         <h2>TITULO</h2>         <ul>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>         </ul>         <br />         <h2>TITULO</h2>         <ul>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>           <li> <a href="#" _fcksavedurl="#">NOMBRE</a></li>         </ul>       </div>     </div>     <div class="left_side">

Por debajo de la pagina

Css code sin style tags

img {  border: none;  } a img {  border: none;  }   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;}  body {    margin:0px 0;    padding:0;    font: 74% Arial, Sans-Serif;    color:#ccc;     background: #303B41  none repeat-x;    line-height: 1.4em; }  .content {    background: #FFF url(http://img20.xooimage.com/files/b/8/0/mainbg-d37c70.jpg) repeat-y center;    color: #ccc;    margin: 0 auto;    padding: 0;    width: 800px; }  .img {    padding: 0 8px 8px 0;    float: left; }  .img2 {    padding: 0 0 3px 3px;    float: right; }  #top {    padding: 0;    margin: 0;    background: #000 url(http://img20.xooimage.com/files/d/e/9/top-d37c75.jpg) no-repeat top;    height: 44px; }  #top .padding {    float: right;    color: #808080;    padding: 20px 25px 0 0;    font-size: 90%; }  #top a { color: #E0F5FF; }   #header {    margin: 0;    width: 800px;    background: #036EB4 url(http://img43.xooimage.com/files/b/a/9/encabezal-awmp2-1c23984.png) no-repeat center top;     height: 149px;    color: #FFF; }  #header .f_search { float: right; padding: 70px 50px 0 0; } #header .title {   padding: 45px 0 0 50px; } #header h1 {       font-family: Arial, Verdana, Helvetica, sans-serif;       font-size: 22px; font-weight: bold;       margin: 0;       padding: 0; }  #header h2 {       font-family: Arial, Verdana, Helvetica, sans-serif;       font-size: 12px;       background-image: none;       color: #075181;       margin: 0;       padding: 0 0 0 2px; }  #subheader {    background: #000 repeat-y center;    width: 770px;    height: 35px;    color: #FFF;    margin-left: 15px;     } #subheader .padding { padding: 10px 15px 10px 15px; } #subheader h2 { color: #FEAB06; } #subheader a {color: #FECF5F; }  .nav { text-align: left; color:    #7D8085; padding: 20px 0 0 0px; width: 200px; } .nav li {    margin: 5px 0 5px 0px;    padding: 0px 0 0 0px;    border-bottom: 1px dotted #ccc;        list-style: none; } .nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px;} .nav li a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block; margin-bottom: 2px;}  #main { background: #FFF; width: 760px; margin: 0 20px 0 20px; color: #808080; }  #main .right_side { float: right;    padding:0px 0 0 10px; margin:0;    background-color: #FFF;    width: 210px; }  #main .right_side .hitems { margin: 0;    padding: 0; } #main .right_side .hitems ul {    margin: 5px 0 5px 0;    padding : 0;    color: #a90000;    list-style-image: url(http://img42.xooimage.com/files/a/f/e/arrow-d37c95.gif); }     #main .right_side .hitems li {    margin: 0 0 2px 20px;    padding: 0 0 0 0px;    color: #555;     }  #main .left_side { float: left; width: 500px; background: #FFF; padding:15px 15px 0 20px; margin:0; } #main h3 {  font: 85% Arial, Sans-Serif; margin: 0 0 10px 0px; padding: 0; color: #5f5f5f; background: inherit;          border-bottom: 1px solid #036CB4; }  #main .box  {   background: #efefef; padding: 5px; border: 1px solid #ccc;}  #main .right_side ul {    margin: 5px 0 5px 0;    padding : 0;    list-style : none;    border-bottom: 0px solid #eee;    list-style-type: square;    color: #a90000; }     #main .right_side li {    margin: 0 0 2px 15px;    padding: 0 0 0 0px;    color: #555; }  #main .right_side  .padding { margin: 0 0 20px 15px;    padding: 0 0 0 0px;    color: #555; }  #footer {    clear:both;    height: 43px;    color:#ccc;     background: #000 url(http://img28.xooimage.com/files/0/a/9/footer-d37ca2.jpg) top no-repeat;    font-size:90%;    padding: 0;    text-align:center; }  #footer .padding { padding: 10px 0px 0px 0px; } #footer .right {    float:right;    clear:right;    text-align:right; }  #footer a { color: #E0F5FF; }  #menu {    background: #000  none no-repeat center bottom;    width: 760px;    height: 35px;    margin: 0;    padding: 0; }  #menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; } #menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  } #menu a { float:none; } #menu li { float:left; color: #FFF; background: #000; margin:0; padding:0 0 0 0px; } #menu a:hover { text-decoration:underline;}  #menu .padding { padding: 5px 0 0 10px; font-weight: bold; }  input.search { width: 150px; border: 1px solid #075181; color: #666; } input.submit {    background: none;    color: #075181;    font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;    border: 0; }  input.search:hover {   background: #FFFFF4; }  ul { margin-left: 0; padding-left: 5px; list-style : square; } li {    margin: 0 0 2px 15px; padding: 0 0 0 0px;   color: #555; } .sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }  p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; } a { color: #075181; background: inherit; text-decoration:none; } a:hover { background: inherit; text-decoration:underline; }  h1 {    padding:0;    margin:0;    color: #FFF;    background: inherit;    font: bold 1.8em Arial, Sans-Serif;    letter-spacing: -1px; }  h1 a { color: #FFF; background: inherit; }  h2 {    background: url(http://img20.xooimage.com/files/b/5/1/h-d37cd3.gif) no-repeat left;    color:#075181;    font-size:140%;    font-weight:bold;    margin: 5px 0 5px 0px;    padding:0 0 0 30px; }  h2 a { background: #FFF; color: #075181; } h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }  fieldset {   border: 1px solid #075181; } textarea.text {    height: 150px;    width: 90%;    border: 1px solid #A90000;    background: #FFF;    color: #354D5F; }  textarea.text:hover {    border: 1px solid #A70000;    background: #FFFFF4;    color: #000; }  input.field {    border: 1px solid #075181;    background-color: #FFFFFF;    width: 283px;    color: #000; }  input.field:hover {    border: 1px solid #68ADD5;    background: #FFFFF4;    color: #000; }  input.text {     border: 1px solid #A70000;    margin: 0;    width: 150px;    background: inherit;    color: #000;    padding: 4px;     }   input.text:hover {    border: 0px solid #68ADD5; }  .date {    color: #808080;    background: #FFFFFF;    text-align: right;    margin: 4px 0 5px 0;    padding: 0.4em 0 0 0;    border-top: 1px solid #eee; }  .comments {    padding: 10px 10px 8px 10px;    margin: 0 0 7px 0;    background: #f8f8f8;    color: #000; }  .commentsbox {    padding: 8px 0 10px 10px;    margin: 0 0 10px 0;    background: #f4f4f4;    color: #000; }  .error {    color: #990000;    background-color: #FFF0F0;    padding: 7px;    margin-top: 5px;    margin-bottom: 10px;    border: 1px dashed #990000; } .error h2 {    color: #990000;    background: inherit; }  .success {    color: #000000;    background: #F5FBE1;    padding: 7px;    margin-top: 5px;    margin-bottom: 5px;    border: 1px dashed #7BA813; } .success h2 {    color: #7BA813;    background: inherit; }

Css Plantillas!

Recursos web!

Los-Recursos - La mejor ayuda webmaster.

Blueblog