BetaICS
por arrba
<!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]-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/></script>
<script src='http://dl.dropbox.com/u/647003/CiudadBlogger/scripts/jqueryslidemenu.js' type='text/javascript'/></script>
<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://designs-ics.es.tl/">Inicio</a></li>
<li class=""><a href="http://designs-ics.es.tl/Dise%F1osProfersionales.htm">Plantillas</a></li>
<li class=""><a href="http://designs-ics.es.tl/contactar.htm">Contacto</a></li>
<li class=""><a href="http://designs-ics.es.tl/pedidos.htm">Pedidos</a></li>
<li class=""><a href="http://designs-ics.es.tl/descargas.htm">Descargas</a></li>
<li><a href="http://designs-ics.es.tl/">Mejora tu web?</a>
<ul>
<li><a href="http://designs-ics.es.tl/firmas.htm">Firmas</a></li>
<li><a href="http://designs-ics.es.tl/fondos.htm">Fondos</a></li>
<li><a href="http://designs-ics.es.tl/simbolos.htm">Simbolos</a></li>
<li><a href="http://designs-ics.es.tl/botones.htm">Botones</a></li>
</ul>
</li>
<li><a href="http://designs-ics.es.tl/">Tutoriales?</a>
<ul>
<li><a href="http://designs-ics.es.tl/Borrar-cookies-de-Google-Chrome-.htm">[Tutorial] Borrar cookies de Google Chrome avanzado 2011 </a></li>
<li><a href="http://designs-ics.es.tl/Como-Poner-musica-a-la-web-.htm">[Tutorial] Como poner música a mi página web </a></li>
<li><a href="http://designs-ics.es.tl/Como-poner-comentarios-en-tu-web.htm">[Tutorial] Como poner comentario en solo 1 página de tu web </a></li>
<li><a href="http://designs-ics.es.tl/Crear-banner-con-neon-facil.htm">[Tutorial] Crear un banner neon facil </a></li>
<li><a href="http://designs-ics.es.tl/Como-Crear-una-cuenta-en-PWG.htm">[Tutorial] Como crear una cuenta en PWG </a></li>
<li><a href="http://designs-ics.es.tl/Como-Desactivar-layer.htm">[Tutorial] Como desactivar layer </a></li>
<li><a href="http://designs-ics.es.tl/Como-poner-un-dise%F1o-en-mi-web.htm">[Tutorial] Poner un diseño en mi web</a></li>
<li><a href="http://designs-ics.es.tl/Crear-un-banner.htm">[Tutorial] Crear un banner</a></li>
<li><a href="http://designs-ics.es.tl/Como-rotar-un-texto-.htm">[Tutorial] Rotar un texto </a></li>
</ul>
</li>
<li><a href="http://designs-ics.es.tl/">Codigos?</a>
<ul>
<li><a href="http://designs-ics.es.tl/java.htmhtm">C Java</a></li>
<li><a href="http://designs-ics.es.tl/html.htm">C Html</a></li>
<li><a href="http://designs-ics.es.tl/codigos.htm">Varios Codigos</a></li>
</ul>
</li>
</ul>
<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
<!-- Footer -->
<div id='footer'>
Copyright © 2009-2011 <a href=' http://designs-ics.es.tl/ '>designs-ics</a>
| Design by <a href=' http://designs-ics.es.tl/ '>designs-ics</a>
</div>
</div>
css code
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/a/a/6b37-767d-dsadicsgifgif.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;
}