sábado, 28 de julio de 2007

Menu 2

Aqui les traigo otro menu muy padre espero q les agrade:


Bueno, primero tenemos que irnos a:

Plantilla----> Editar HTML---->y justo despues de <head> pegas el siguiente codigo:


<style type='text/css'>

#hacktime-blogspot-commenu{ /*Codigo del menú de botones debajo de la cabecera*/
padding-top: 5px;
padding-bottom: 2px;
width: 100%;
font-weight: bold;
font-size: 90%;
}

#hacktime-blogspot-commenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}

#hacktime-blogspot-commenu ul li{
display: inline;
}

#hacktime-blogspot-commenu ul{
border: none;
width: 99.3%;
background-color: C1AEEE; center
center repeat-x;
padding: 5px 0 5px 0;
margin: 0 0 0 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#hacktime-blogspot-commenu ul li{
display: inline;
}

#hacktime-blogspot-commenu ul li a{
background-color: #99C9FF;
color: #085A91;
padding: 5px 10px;
margin: 10;
text-decoration: none;
border: solid;
border-color: #3E76B1;
}

#hacktime-blogspot-commenu ul li a:hover{
background-color: #D1EAFA; center
center repeat-x;
} /* Fin del código del menú de debajo de la cabecera */


</style>


Despues guardas los cambios y te vas a:

Plantilla------> Agregar nuevo elemento HTML/Javascript, y pegas este codigo:


<div id="hacktime-blogspot-commenu">

<ul>

<li><a href="#">Aqui va el enlace 1</a></li>

<li><a href="#">Aqui va el enlace 2</a></li>

<li><a href="#">Aqui va el enlace 3</a></li>

</ul>

</div>

Y eso es todo, si quieres cambiar los colores del menu solamente cambia los valores en el primer codigo, y si no sabes los valores de los colores visita este post.


Espero que les agrade el menu y si pueden porfavor pongan un link hacia Hacktime.
Gracias


Escucha este escrito

0 Personas dejaron sus comentarios:

Calendario de posts

Cargando...

 
ir arriba