dics

Por arriba 

Código:
<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<div class='navbar section' id='navbar'> 
<div class='widget Navbar' id='Navbar1'></div> 
<div id='layout_wrapper'> 
<div id='layout_edgetop'></div> 
<div id='layout_container'> 
  
  
<!--[if lte IE 7]> 
<style type="text/css"> 
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/ 
</style> 
<![endif]--> 
  
<div id="menucase"> 

  <div id="stylefour"> 

    <ul> 

      <li><a href="http://dics.es.tl/" class="current">Inicio</a></li> 

      <li><a href="http://dics.es.tl/informacion.htm">Información</a></li> 

      <li><a href="http://dics.es.tl/foro.htm">ForoICS</a></li> 

      <li><a href="http://dics.es.tl/noticias.htm">Noticias</a></li> 

      <li><a href="http://dics.es.tl/tutoriales.htm">Tutoriales</a></li> 

      <li><a href="http://dics.es.tl/videotutoriales.htm">[VideoTutoriales]</a></li> 

      <li><a rel="nofollow" target="_blank" href="http://www.help-4-pwg.foroactivo.com" title="Entra al mejor foro solo 1 click!">ForoH4P</a></li> 
      
      <li><a href="http://dics.es.tl/codigos.htm">Codigos Para Tu Web</a></li> 
<li><a href="http://dics.es.tl/contacto.htm">Contacto</a></li> 
    </ul> 

  </div> 

</div> 

    
  
  
<div class='clear'></div> 
<!-- Head --> 
<div id='header-wrapper'> 
<div class='header section' id='header'><div class='widget Header' id='Header1'> 
<div id='header-inner'><div class='titlewrapper'> 
  
</div> 
  
</div> 
</div></div> 
<div class='clear'></div> 
</div> 
<div id='top_separator'></div> 
<div id='navigation'> 
<div id='tabs'> 
  
</div> 
<div class='spacer h5'></div> 
<div id='content-wrapper'>


Por Debajo 

Código:
<!-- Footer --> 
<div id='footer'> 
Copyright © 2009-2011 <a href=' http://desingics.es.tl/ '>desingics</a> 
| Design by <a href=' http://desingics.es.tl/ '>desingics</a> 
</div> 
</div> 
 


StyleCSS 


Código:
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;} 
* { 
margin: 0; 
padding: 0; 

  
body { 
background: url(http://img337.imageshack.us/img337/272/celestef.png); 
font: normal 13px Verdana; 
color: #2a2a2a; 
padding-bottom: 1em; 

  
a { 
color: #0066AA; 

  
a:hover { 
color: #003366; 

  
p { 
padding: 0.1em 0 0.8em; 

  
h1 { 
font: normal 1.8em Georgia,Tahoma,sans-serif; 

  
h2 { 
font: normal 1.5em Georgia,sans-serif; 

  
h3 { 
font: bold 1em Tahoma,sans-serif; 

  
html { 
height: 100%; 
padding-bottom: 1px; 

  
ul,ol { 
margin: 0 0 1em 1.6em; 

ul ul, ol ol { 
margin: 0.3em 0 0.3em 1em; 

img { 
border: none; 

  
img.bordered { 
background: #FFF; 
padding: 1px; 
border: 5px solid #DDD; 

  
img.left { 
margin-right: 1em; 

  
img.right { 
margin-left: 1em; 

  
small,.small { 
font-size: 0.8em; 

  
big,.big { 
font-size: 1.2em; 

  
#layout_wrapper { 
margin: 10px auto 0; 
width: 1018px; 

  
#layout_container { 
background: #FFF; 
padding: 5px 5px; 
border: solid #c4c4c4 0.15em; 
margin: 5px; 

  
#layout_edgetop, #layout_edgebottom { 
background: url(BARRA SOBRE HEADER) no-repeat left top; 
display: block; 
height: 10px; 
font-size: 0; 
line-height: 0; 

  
#layout_edgebottom { 
background-position: left bottom; 

  
/*-- Menu --*/ 
  
.jqueryslidemenu{ 
font: normal 12px Verdana; 
background: #aeaeae url(http://img573.imageshack.us/img573/5734/photoshoph.png); 
height: 26px; 
width: 995px; 

  
.jqueryslidemenu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 

  
/*Top level list items*/ 
.jqueryslidemenu ul li{ 
position: relative; 
display: inline; 
float: left; 

  
/*Top level menu link items style*/ 
.jqueryslidemenu ul li a{ 
display: block; 
background: #202020 url(http://img209.imageshack.us/img209/1263/photoshopi.png) ; /*background of tabs (default state)*/ 
color: white; 
padding: 6px 8px; 
border-right: 1px solid #C0C0C0; 
color: #2d2b2b; 
text-decoration: none; 

  
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ 
display: inline-block; 

  
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ 
color:  white; 

  
.jqueryslidemenu ul li a:hover{ 
background: black; /*tab link background during hover state*/ 
color: white; 

    
/*1st sub level menu*/ 
.jqueryslidemenu ul li ul{ 
color: #383026; 
position: absolute; 
left: 0; 
display: block; 
visibility: hidden; 

  
/*Sub level menu list items (undo style from Top level List Items)*/ 
.jqueryslidemenu ul li ul li{ 
display: list-item; 
float: none; 

  
/*All subsequent sub menu levels vertical offset after 1st level sub menu */ 
.jqueryslidemenu ul li ul li ul{ 
top: 0; 

  
/* Sub level menu links style */ 
.jqueryslidemenu ul li ul li a{ 
font: normal 13px Verdana; 
width: 160px; /*width of sub menus*/ 
padding: 5px; 
margin: 0; 
border-top-width: 0; 
border-bottom: 1px solid gray; 

  
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ 
background: #eff9ff; 
color: #383026; 

  
/* ######### CSS classes applied to down and right arrow images  ######### */ 
  
.downarrowclass{ 
position: absolute; 
top: 12px; 
right: 7px; 

  
.rightarrowclass{ 
position: absolute; 
top: 6px; 
right: 5px; 

  
/*-- (Cabezal) --*/ 
#header-wrapper { 
background: #bababa url(http://filegen.webcindario.com/files/a/b/c/9ee0-dicsgif.gif) no-repeat left top; 
background-position: center top; 
width: 995px; 
height: 150px; 
  

#header-wrapper h1 { 
font: normal 2.4em sans-serif; 
letter-spacing: -1px; 
color: #507A9A; 
float:left; 

#header-wrapper h1 a { 
color: #507A9A; 
text-decoration: none; 

#header-wrapper h1 a:hover { 
color: #305A7A 

#header-wrapper p { 
padding: 1.4em 0 0; 
font: normal 1.1em sans-serif; 
color: #667799; 
float:right; 

  
  
#layout_edgebottom { 
background-position: left bottom; 

  
/*-- (Contenido) --*/ 
.h5 { 
height: 0px; 

  
/* Contenido */ 
#content { 
background: #fffefe; 
width: 972px; 
float: left; 
border: #DDD solid 0.1em; 
margin-top: 5px; 
padding: 10px 10px 5px; 

#content a { 

#content a:hover { 

  
  
.date-header { 
color: #999999; 
padding-top: 1px; 
font-size: 0.85em; 
float:right; 

.post-footer, p.comment-footer { 
padding: 4px 5px 3px; 
background: #F5F5F5; 
color: #666; 
border-top: 1px solid #E5E5E5; 
font-size: 0.8em; 

.post-footer a{ 
color: #567; 

.post-footer a:hover{ 
color: #002; 

.post-footer .comment-link { 
background: none no-repeat left center; 
padding-left: 18px; 
float:right; 

.post_bottom { 
background: url(BARRA ABAJO DE FOOTER) no-repeat left top; 
display: block; 
height: 5px; 
font-size: 0; 
line-height: 0; 

.feed-links {display:none;} 
.blog-pager {margin:10px 0; font-size:0.8em;} 
  
  
  
/*-- Footer --*/ 
#footer { 
background: #c4c4c4; repeat-x left top; 
padding: 120px 160px 60px; 
font-size: 0.85em; 
color: #FAFCFF; 
text-align:center; 

  
#footer { 
color: #FFF; 
padding: 12px 18px 12px; 

  
#footer a { 
color: #FFF; 
text-decoration: none; 

  
#footer a:hover { 
color: #FFE; 
text-decoration: underline; 

  
.left { 
float: left; 

  
.right { 
float: right; 

  
.clear,.clearer { 
clear: both; 

  
.clearer,.spacer { 
display: block; 
font-size: 0; 
line-height: 0; 



h1 { 
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:16px; 
   font-weight:bold; 
   margin:0; 
   padding:0; 
   } 

hr { 
   border:none; 
   border-top:1px solid #CCCCCC; 
   height:1px; 
   margin-bottom:25px; 
   } 

#stylefour{ 
   position:relative; 
   display:block; 
   height:39px; 
   font-size:11px; 
   font-weight:bold; 
   background:transparent url(bgOFF.gif) repeat-x top left; 
   font-family:Arial,Verdana,Helvitica,sans-serif; 
   border-top:4px solid #B30000; 
   } 

#stylefour ul{ 
   margin:0; 
   padding:0; 
   list-style-type:none; 
   width:auto; 
   } 

#stylefour ul li{ 
   display:block; 
   float:left; 
   margin:0; 
   } 

#stylefour ul li a{ 
   display:block; 
   float:left; 
   color:#666; 
   text-decoration:none; 
   padding:11px 20px 0 20px; 
   height:23px; 
   background:transparent url(bgDIVIDER.gif) no-repeat top right; 
   } 

#stylefour ul li a:hover,#stylefour ul li a.current{ 
   color:#B30000; 
   background:#fff url(bgON.gif) no-repeat top right; 
   }