Global

Por Encima de la página
Código:
<head> 
<title>Global</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link rel="stylesheet" href="style.css" type="text/css" /> 
</head> 
<body> 
<div id="wrapper1"> 
  <div id="header"> 
    <div id="title"> 
      <h1><a href="#">Global</a></h1> 
      <span><a href="http://www.
desingics.es.tl">desingics</a></span> </div> 
    <div id="topnav"> 
      <ul class="menu"> 
        <li><a href="#">Home</a></li> 
        <li><a href="#">link 1</a></li> 
        <li><a href="#">link 2</a></li> 
        <li><a href="#">link 3</a></li> 
        <li><a href="#">link 4</a></li> 
      </ul> 
    </div> 
  </div> 
  <div id="wrapper2"> 
    <div id="sidebar"> 
      <h2>Ultimas Noticias</h2> 
      <ul> 
        <li><a href="#">Noticia 01</a><span>Posteado por :</span></li> 
        <li><a href="#">Noticia 02</a><span>Posteado por:</span></li> 
        <li><a href="#">Noticia 04</a><span>Posteado por:</span></li> 
      </ul> 
      <h2>Categorias</h2> 
      <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> 
        <li><a href="#">Link</a></li> 
      </ul> 
      <h2>Box</h2> 
      <ul> 
        <li><a href="#">Link</a></li> 
        <li><a href="#">Link</a></li> 
        <li><a href="#">Link</a></li> 
      </ul> 
    </div> 
    <div id="content"> 
      <h1>Tu Web.es.tl</h1> 
      <div class="item">


Por Debajo De La Página

Código:
</p> 
      </div> 
      <div class="item"> 
          <ul> 
          <li>desingics</li> 
          <li>
desingics</li> 
          <li>
desingics</li> 
          <li>
desingics</li> 
        </ul> 
      </div> 
      <div class="clear"></div> 
    </div> 
    <div class="clear"></div> 
  </div> 
  <div id="footer"> 
    <ul class="menu"> 
      <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> 
  <span id="credits">2010 &copy; Copyright <a href="#">Tu Nombre</a>.Todos los derechos reservados.<br /> 
  Adaptado por <a href="http://www.desingics.es.tl">desingics</a></span> </div> 
</body> 
</html>


Css code sin style tags 
Código:
h2#title span {display: none;} 
div.header{display: none;} 
li.nav_element{list-style-type: none;} 
li.nav_element{display: none;} 
body 
 {   background:url(http://img641.imageshack.us/img641/8568/bgbody.gif) repeat-x #fff; 
   color:#666; 
   font:normal 12px Arial,sans-serif; 
   text-align:center; 
   padding:0; 
   margin:0; } 

h1,h2,h3,p,li 
{   text-align:left; } 


{   background-color:inherit; 
   color:#399; 
   text-decoration:none; } 

ul 
{    list-style:none; 
   padding:1px; 
   margin:17px 0 10px 15px;   } 

ul li 
{    background: url(http://img15.imageshack.us/img15/3049/icobullet.gif) 0 3px no-repeat; 
   padding:1px 15px 5px 15px; 
   margin:0; } 

blockquote 
{   background-color:inherit; 
   color:#999; 
   font:italic 12px "Times New Roman",sans-serif; 
   border-left:5px solid #ccc; 
   padding:2px 15px; } 
    
span 
{   background-color:inherit; 
   color:#aaa; 
   font:normal 11px Arial,sans-serif; 
   padding:0; 
   margin:0;} 
    
.clear 
{   clear:both; } 

/* Wrapper */ 
#wrapper1 
{   width:800px; 
   padding:0; 
   margin:0 auto; } 

#wrapper2 
{   background:#fff; 
   color:inherit; 
   width:750px; 
   padding:10px 0 0 15px; 
   margin:0 auto; } 

/* Navigation Settings*/ 
ul.menu 
{    list-style:none; 
   padding:15px 0 0 0; 
   margin:0;   } 

ul.menu li 
{   background:none; 
   padding:0 10px; 
   display:inline; } 
    
ul.menu li a 
{   background-color:inherit; 
   color:#eee; 
   font-weight:bold; 
   text-decoration:none; } 

ul.menu li a:hover 
{   text-decoration:underline; } 
    
/* Header Settings */ 
#header 
{   background:url(http://img248.imageshack.us/img248/6500/bgheaders.gif) no-repeat; 
   background-color:inherit; 
   color:#fff; 
   width:800px; 
   height:200px; 
   padding:0; 
   margin:0 auto; } 

#title 
{   width:275px; 
   padding-top:25px; 
   margin:0 auto;}    
    
#title h1 
{   font:bold 30px Arial,sans-serif; 
   text-align:center; 
   text-transform:uppercase; 
   padding:0; 
   margin:0;   }    

#title a 
{   background-color:inherit; 
   color:#fff; }    

#topnav 
{   padding:50px 25px 0 0; 
   float:right; } 
    
/*Sidebar Settings */ 
#sidebar 
{   width:250px; 
   font-size:11px; 
   padding:0; 
   margin:0; 
   float:left;   } 

#sidebar h2 
{   background:url(http://img24.imageshack.us/img24/6967/bgsidebarq.gif) no-repeat; 
   background-color:inherit; 
   color:#eee; 
   font:bold 12px Arial,sans-serif; 
   text-transform:uppercase; 
   padding:12px 0 12px 35px; 
   margin:5px 0; } 

#sidebar ul 
{   margin:17px 0 10px 12px; } 

#sidebar ul a 
{   background-color:inherit; 
   color:#666; 
   font-weight:bold;}    

#sidebar ul a:hover 
{   background-color:inherit; 
   color:#399;   } 

#sidebar ul span 
{   display:block; } 
    
/*Content Settings */ 
#content 
{   width:475px; 
   text-align:left; 
   padding:0; 
   margin:0; 
   float:left;} 
    
#content h1 
{   background:url(http://img155.imageshack.us/img155/6467/bgpostbar.gif) no-repeat; 
   background-color:inherit; 
   color:#fff;    
   font:bold 12px Arial,sans-serif; 
   text-transform:uppercase; 
   padding:12px 0 12px 35px; 
   margin:5px 0;   } 

#content li    
{    background:url(http://img580.imageshack.us/img580/980/icolist.gif) 0 3px no-repeat; 
   padding:1px 15px 5px 20px; 
   margin:0; } 
#content .item 
{   padding:15px 10px 5px 15px; 
   margin:0;} 
    
#content .item h2    
{   font:bold 13px Arial,sans-serif; 
   padding:0; 
   margin:0;} 
    
#content .item p 
{   text-align:justify; 
   padding:15px 0 0 0; 
   margin:0; } 

/*Footer Settings*/ 
#footer 
{   background:url(http://img38.imageshack.us/img38/3430/bgfooterj.gif) no-repeat; 
   background-color:inherit; 
   color:#ccc; 
   width:800px; 
   height:50px; 
   font-size:11px; 
   margin:0 auto; }    

span#credits a 
{   background-color:inherit; 
   color:#888; 
   text-decoration:none; } 

span#credits a:hover 
{   text-decoration:underline; }