1) Pegamos el siguiente código en la "hoja de estilos" de nuestra plantilla.
[+/-]Abrir código 1
/*- menu----------- */
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#navcontainer li { margin: 0 0 3px 0; }
#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #FFCC00;
background-image:
url(http://img478.imageshack.us/img478/1483/ama1yh2.jpg);
}
#navcontainer a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}
#navcontainer a:hover
{
border: 1px solid #FFFF99;
background-color: #6C1F0D;
background-image:
url(http://img166.imageshack.us/img166/3333/nar2af6.jpg);
color: #FFFF99;
}
#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #FFFF99;
background-color: #6C1F0D;
background-image:
url(http://img166.imageshack.us/img166/3333/nar2af6.jpg);
color: #FFFF99;
}
2) Después ubicamos el menú
[+/-]Abrir código 2
<div id="navcontainer">
<ul id="navlist"><li id="active">
<a href="#" id="current">Inicio</a></li>
<li><a href="#">Enlace uno</a></li>
<li><a href="#">Enlace dos</a></li>
<li><a href="#">Enlace tres</a></li>
<li><a href="#">Enlace cuatro</a></li>
</ul>
</div>
Donde está [ # ] va la dirección completa del enlace.
7 comentarios :
CHE NECESITO TU AYUDA PORFAVOR SI ES POSIBLE AGREGA,E PLISSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
PORFA XQ VEO Q TU BLOG ESTA MUY BUENO Y X ESO NECESITO TU AYUDA AGREGAME PORFAAAAAA
carlitos_22.tkb@hotmail.com o
xx_carlitox_xx@thedaniex.com
agregame porfaaaaaaaa
Que hace carlito!!
Decime en que te puedo ayudar master
Cesar necesito un menu para colocar todos esos link de otros blog, lo he visto en tu blog pero no encontre el codigo para poder realizarlo, podrias darme un segundin de tu tiempo para darme la mano en eso...con cariño desde el caribe
Hola Cesar
Ya te agregué a mi pagina, agradezco todo lo que aprendí y pude mejorar mi pagina desde ya muchísimas gracias.
Un beso
Silvia
che guachin soy carlitos el del primer mensaje t escrivo xq ya masomenos se algo de blog ya le agarre la mano pero necesito tu ayuda xq vos sos un kpo en esto ya la tenes re clara agregame porfa
carlitos_22.tkb@hotmail.com
Hola, entiendo bien este truco, en que parte va el primer código?
El post dice: Pegamos el siguiente código en la "hoja de estilos" de nuestra plantilla., pero no se que es eso, perdón, pero no lo entiendo, igual gracias, me encanta este blog!
Ignacio
Estimamdo César: Estoy haciendo un blog con Blogger de Google.Trato de hacer un menú vertical con bordes, sigo las instrucciones pero no queda bien, o sea, cuando hago la vista previa no hace los bordes y pone toda la "formula" y más abajo pone los títulos de los encales sin bordes. Qué estaré haciendo mal? porque lo hago como decís en tus instrucciones. Desde ya te agradezco. Consuelo
http://costaricaysugente.googlepages.com
http://consueloq.blogspot.com