designs-ics

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" lang="en" xml:lang="en"> 
<head> 
<title>Blootoon</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" /> 
</head> 
<body> 
<!-- BEGIN TOP --> 
<div id="top"> 
  <div id="logo"> <a href="http://designs-ics.es.tl/"><img src="http://filegen.webcindario.com/files/b/c/b/2d27-designs-icsesgif.gif" alt="" /></a> </div> 
<style> 
a { 
   color: #333; 

#nav { 
   margin: 0; 
   padding: 7px 6px 0; 
   background: #7d7d7d url(https://img.webme.com/pic/k/kateko/menugradient.png) repeat-x 0 -110px; 
   line-height: 100%; 

   border-radius: 2em; 
   -webkit-border-radius: 2em; 
   -moz-border-radius: 2em; 

   -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); 
   -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4); 

#nav li { 
   margin: 0 5px; 
   padding: 0 0 8px; 
   float: left; 
   position: relative; 
   list-style: none; 



/* main level link */ 
#nav a { 
   font-weight: bold; 
   color: #e7e5e5; 
   text-decoration: none; 
   display: block; 
   padding:  8px 20px; 
   margin: 0; 

   -webkit-border-radius: 1.6em; 
   -moz-border-radius: 1.6em; 
    
   text-shadow: 0 1px 1px rgba(0,0,0, .3); 

#nav a:hover { 
   background: #000; 
   color: #fff; 


/* main level link hover */ 
#nav .current a, #nav li:hover > a { 
   background: #666 url(https://img.webme.com/pic/k/kateko/menugradient.png) repeat-x 0 -40px; 
   color: #444; 
   border-top: solid 1px #f8f8f8; 

   -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
   -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
   box-shadow: 0 1px 1px rgba(0,0,0, .2); 

   text-shadow: 0 1px 0 rgba(255,255,255, 1); 


/* sub levels link hover */ 
#nav ul li:hover a, #nav li:hover li a { 
   background: none; 
   border: none; 
   color: #666; 

   -webkit-box-shadow: none; 
   -moz-box-shadow: none; 

#nav ul a:hover { 
   background: #0078ff url(https://img.webme.com/pic/k/kateko/menugradient.png) repeat-x 0 -100px !important; 
   color: #fff !important; 

   -webkit-border-radius: 0; 
   -moz-border-radius: 0; 

   text-shadow: 0 1px 1px rgba(0,0,0, .1); 


/* dropdown */ 
#nav li:hover > ul { 
   display: block; 


/* level 2 list */ 
#nav ul { 
   display: none; 

   margin: 0; 
   padding: 0; 
   width: 185px; 
   position: absolute; 
   top: 35px; 
   left: 0; 
   background: #ddd url(https://img.webme.com/pic/k/kateko/menugradient.png) repeat-x 0 0; 
   border: solid 1px #b4b4b4; 

   -webkit-border-radius: 10px; 
   -moz-border-radius: 10px; 
   border-radius: 10px; 

   -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
   -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
   box-shadow: 0 1px 3px rgba(0,0,0, .3); 

#nav ul li { 
   float: none; 
   margin: 0; 
   padding: 0; 


#nav ul a { 
   font-weight: normal; 
   text-shadow: 0 1px 0 #fff; 


/* level 3+ list */ 
#nav ul ul { 
   left: 181px; 
   top: -3px; 


/* rounded corners of first and last link */ 
#nav ul li:first-child > a { 
   -webkit-border-top-left-radius: 9px; 
   -moz-border-radius-topleft: 9px; 

   -webkit-border-top-right-radius: 9px; 
   -moz-border-radius-topright: 9px; 

#nav ul li:last-child > a { 
   -webkit-border-bottom-left-radius: 9px; 
   -moz-border-radius-bottomleft: 9px; 

   -webkit-border-bottom-right-radius: 9px; 
   -moz-border-radius-bottomright: 9px; 


/* clearfix */ 
#nav:after { 
   content: "."; 
   display: block; 
   clear: both; 
   visibility: hidden; 
   line-height: 0; 
   height: 0; 

#nav { 
   display: inline-block; 

html[xmlns] #nav { 
   display: block; 

  
* html #nav { 
   height: 1%; 

</style> 
<ul id="nav"> 
   <li class="current"><a href="http://www.designs-ics.es.tl/">Inicio</a></li> 
<li class="current"><a href="http://designs-ics.es.tl/Dise%F1osProfersionales.htm">Plantillas</a></li> 
<li class="current"><a href="http://www.designs-ics.es.tl/">Noticias</a></li> 
<li class="current"><a href="http://www.designs-ics.es.tl/ayuda.htm">Ayuda</a></li> 
<li class="current"><a href="http://www.designs-ics.es.tl/codigos.htm">Codigos</a></li> 
<li class="current"><a href="http://help-4-pwg.foroactivo.com">Ir Al Foro H4P</a></li> 

    
</ul> 


<!-- END TOP --> 
<!-- BEGIN WRAPPER --> 
<div id="wrapper"> 
  <!-- BEGIN MAIN --> 
  <div id="main"> 

    <!-- BEGIN POST SNIPPET --> 
    <div class="post-snippet"> 
   



Por Debajo 

Código:
</div></div> 
  <!-- END MAIN --> 
  <!-- BEGIN SUDEBARS --> 



  <div id="sidebars"> 
    <div id="ads"> 
<a href="http://templatecss.es.tl/"><img src="http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png" alt="" /></a> 
<a href="http://www.basichd.es.tl/"><img src="http://upload-img.webcindario.com/images/125x125basichd.gif" alt="" class="right" /></a> 
<a href="http://zonefacil.es.tl/"><img src="https://img.webme.com/pic/z/zonefacil/125x125.png" alt="" /></a> 
<a href="http://www.designs-ics.es.tl/"><img src="http://filegen.webcindario.com/files/c/b/a/3c15-frimaics125gif.gif" alt="" class="right" /></a> 

</div> 
    <div class="sidebar"> 
 <h3>Siguenos en Facebook</h3> 
      <ul> 
      <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FDesigns-ics%2F157949760929959&width=292&colorscheme=light&show_faces=false&stream=false&header=true&height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe> 
      
      </ul> 
    </div> 
    <div class="sidebar"> 

      <h3>Categorias</h3> 

      <ul> 
 <li><a href="http://designs-ics.es.tl/firmas.htm">Ver Firmas ICS</a></li> 
      <li><a href="http://designs-ics.es.tl/fondos.htm">Ver Fondos ICS</a></li> 
        <li><a href="http://designs-ics.es.tl/simbolos.htm">Ver Simbolos ICS</a></li> 
      <li><a href="http://designs-ics.es.tl/botones.htm">Ver Botones ICS</a></li> 
       <li><a href="http://designs-ics.es.tl/codigos.htm">Ver Codigos ICS</a></li> 
      </ul> 
    </div> 
    <div class="sidebar"> 

   <h3>Ultimos Tutoriales Gimp2.6</h3> 
      <ul> 
      <li><a href="http://designs-ics.es.tl/como-poner-un-dise%F1o-en-mi-web.htm">Poner un diseño en mi pagina web</a></li> 
      <li><a href="http://designs-ics.es.tl/Crear-un-banner.htm">Como Crear un banner</a></li> 
        <li><a href="http://designs-ics.es.tl/Como-rotar-un-texto-.htm">Rotar Un Texto</a></li> 
      
      </ul> 
    </div> 
    <div class="sidebar"> 
      <h3>Entrar/Registarme</h3> 
      <ul> 
      <li><a href="http://designs-ics.es.tl/enviar.htm">Ir A Registarme</a></li> 
      <li><a href="http://designs-ics.es.tl/entrar.htm">Ir AEntrar</a></li> 
      
      </ul> 
    </div> 
    <div class="sidebar"> 
      <h3>Publicidad VIP</h3> 
Para estar aquí tienes que contactar con el administrador oficial de designs-ics solo podras contactar si estas registado 
  
</a> 
    </div> 
  </div> 
  <!-- END SIDEBARS --> 
</div> 
<!-- END WRAPPER --> 
<!-- BEGIN FOOTER --> 
<div id="footer"> 
  <ul> 
Copyright © 2009 - 2011 <a target="_blank" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; " href="http://www.designs-ics.es.tl/">" Designs-ICS</a> Diseño adaptado por designs-ics <div style="text-align: justify; ">  <img height="15" width="80" alt="" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; " src="http://filegen.webcindario.com/files/b/c/b/c840-designgif.gif" /></div> 


Css Code 

Código:
#post_header {display: none;} 
#header_container {display: none;} 
lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
#title {display: none;} 
#nav_container {display:none;} 


/* 
Plantilla por designs-ics.es.tl 
*/ 

/* ARCHITECTURE */ 

body { 
  font: normal 85% arial,verdana,tahoma,sans-serif; 
  color: #666; 
  margin: 0; 
  padding: 0; 
  background: #50c5f1 url(http://www.closedcaptionlatina.com/images/WebCCLppal2FH11/04_Marco_Gris_new.png); 


#top { 
  width: 980px; 
  height: 130px; 
  margin: 0 auto; 


#logo { 
  float: left; 
  width: 360px; 
  height: 130px; 


#nav { 
  float: right; 
  width: 578px; 
  height: 21px; 
  margin: 35px 0 0 0; 
  padding: 15px 20px; 
  background: #000; 
  border: 1px solid #000; 
  -moz-border-radius: 30px; 
  -webkit-border-radius: 30px;  


#wrapper { 
  width: 940px; 
  min-height: 800px; 
  margin: 0 auto; 
  padding: 20px; 
  background: #fff; 
  border: 4px solid #fff; 
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px;  
  overflow: hidden;  


#main { 
  float: left; 
  width: 625px; 
  min-height: 760px; 
  margin: 0 20px 0 0; 


.post-snippet { 
  width: 583px; 
  min-height: 100px; 
  margin: 0 0 25px 0; 
  padding: 20px; 
  background: #f4f4f4; 
  border: 1px solid #e0e0e0; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;  
  overflow: hidden;  


#sidebars { 
  float: right; 
  width: 260px; 
  min-height: 760px; 


#ads { 
  width: 260px; 
  height: 260px; 
  margin: 0 0 20px 0; 


.sidebar { 
  width: 218px; 
  min-height: 50px; 
  margin: 0 0 30px 0; 
  padding: 20px; 
  background: #f4f4f4; 
  border: 1px solid #e0e0e0; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 


#footer { 
  width: 958px; 
  height: 25px; 
  margin: 30px auto; 
  padding: 15px; 
  background: #000; 
  border: 1px solid #000; 
  -moz-border-radius: 30px; 
  -webkit-border-radius: 30px; 


.line { 
  width: 630px; 
  height: 1px; 
  margin: 40px 0; 
  background: #ddd; 
  overflow: hidden; 


/* PRIMARY NAV MENU */ 

#nav ul { 
  float: left; 
  width: 378px; 
  margin: 0; 
  padding: 0; 
  list-style: none; 


#nav li { 
  display: inline; 


#nav li a { 
  font-size: 1.0em; 
  font-weight: normal; 
  line-height: 21px; 
  color: #999; 
  text-decoration: none; 
  margin: 0 25px 0 0; 
  padding: 0; 


#nav li a:hover { 
  color: #50c5f1; 
  text-decoration: none; 


#nav li a.current { 
  color: #fff; 
  text-decoration: none; 


/* FOOTER NAV MENU */ 

#footer ul { 
  float: left; 
  margin: 0 0 0 15px; 
  padding: 0; 
  list-style: none; 


#footer li { 
  display: inline; 
  font-size: 0.9em; 
  line-height: 25px; 
  color: #999; 
  margin: 0 25px 0 0; 
  padding: 0; 


#footer li a { 
  color: #999; 
  text-decoration: none; 


#footer li a:hover { 
  color: #50c5f1; 
  text-decoration: none; 


/* TYPOGRAPHY */ 

#main h2 { 
  font-size: 2.3em; 
  font-weight: normal; 
  line-height: 1.0em; 
  letter-spacing: -2px; 
  margin: 0 0 15px 0; 
  color: #000; 


#main h2 a { 
  color: #000; 
  text-decoration: none; 


#main h2 a:hover { 
  color: #50c5f1; 
  text-decoration: underline; 


#main h4.post-date { 
  font-size: 1.0em; 
  font-weight: normal; 
  line-height: 1.0em; 
  margin: 0 0 15px 0; 
  color: #999; 


#main p { 
  font-size: 1.0em; 
  line-height: 1.6em; 
  margin: 0; 


#main p a { 
  color: #50c5f1; 
  text-decoration: underline; 


#main p a:hover { 
  color: #000; 
  text-decoration: underline; 


#main ul.buttons { 
  height: 35px; 
  margin: 15px 0 0 0; 
  padding: 0; 
  list-style: none; 


#main ul.buttons li { 
  display: inline; 


#main ul.buttons li a { 
  float: left; 
  display: block; 
  font-size: 0.9em; 
  line-height: 0.9em; 
  margin: 0 18px 0 0; 
  padding: 11px 14px; 
  color: #666; 
  text-decoration: none; 
  background: #e9e9e9 url(https://img.webme.com/pic/k/kateko/foroxxbuttons-backgr.png) repeat-x; 
  border: 1px solid #bbb; 
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px; 


#main ul.buttons li a:hover { 
  color: #000; 
  text-decoration: none; 


#sidebars h3 { 
  font-size: 1.4em; 
  font-weight: normal; 
  line-height: 1.0em; 
  letter-spacing: -1px; 
  color: #000; 
  margin: 0 0 12px 0; 
  padding: 0 0 12px 0; 
  border-bottom: 1px solid #ddd; 


#sidebars ul { 
  margin: -12px 0 0 0; 
  padding: 0; 
  list-style: none; 


#sidebars li { 
  font-size: 1.0em; 
  line-height: 1.3em; 
  color: #999; 
  margin: 0; 
  padding: 12px 0; 
  border-bottom: 1px solid #ddd; 


#sidebars li.last { 
  padding: 10px 0 0 0; 
  border-bottom: none; 


#sidebars li a { 
  color: #666; 
  text-decoration: none; 


#sidebars li a:hover { 
  color: #50c5f1; 
  text-decoration: none; 


/* IMAGES  */ 

#logo img { 
  border: 0; 


.post-snippet img { 
  margin: 0 0 16px 0; 
  border: 1px solid #ddd; 


#ads img, #ads img.right { 
  float: left; 
  margin: 0 10px 10px 0; 
  border: 0; 


#ads img.right { 
  margin: 0 0 10px 0; 


/* FORMS */ 

form,fieldset { 
  margin: 0; 
  padding: 0; 
  border: 0; 


#nav form,fieldset { 
  float: right; 
  width: 200px; 
  margin: -4px 0 0 0; 


.searchfield { 
  font: normal 1.0em arial,verdana,tahoma,sans-serif; 
  color: #000; 
  margin: 0; 
  padding: 10px 14px; 
  background: #444; 
  border: 1px solid #444; 
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px; 


.searchfield:focus { 
  background: #f0f0f0; 
  border: 1px solid #f0f0f0; 
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px; 
}