BIBLIOPEQUE

Menú 2



menupeque



Vamos a Edición de HTML y colocamos el código html antes de: ]]></b:skin>


#menupeque ul li a {
text-decoration:none;
text-align:center;
background:#D2691E repeat scroll 0 0;
color:#FFDAB9;
display:block;
-moz-border-radius: 10px 10px 10px 10px; border-color: #A0522D; border-style: RIDGE; border-width: 5px 5px;
height:45px;
line-height:45px;
}

#menupeque ul li a:hover {
color:#D2691E;
background: #FFDAB9 repeat scroll 0 0;border-color: #8B4513
; border-style: RIDGE; border-width: 5px 5px;

}

#menupeque2 ul li a {
text-decoration:none;
text-align:center;
background:#D2691E repeat scroll 0 0;
color:#FFDAB9;
display:block;
-moz-border-radius: 10px 10px 10px 10px; border-color: #A0522D; border-style: RIDGE; border-width: 5px 5px;
height:45px;
line-height:45px;
}

#menupeque2 ul li a:hover {
color:#D2691E;
background: #FFDAB9 repeat scroll 0 0;border-color: #8B4513
; border-style: RIDGE; border-width: 5px 5px;

}


Luego vamos a diseño y añadimos el gadget en el lugar que queremos se vea

<div id="menupeque">
<ul>
<li><a href="url del enlace">❥ ENLACE 1 </a></li>
<li><a href="url del enlace">❥ ENLACE 2 </a></li>
<li><a href="url del enlace">❥ ENLACE 3 </a></li>
<li><a href="url del enlace">❥ ENLACE 4 </a></li>
<li><a href="url del enlace">❥ ENLACE 5 </a></li>
</ul>
</div>






5pyright 2011 Menú 2 ♥ Adaptación de Plantillas Blogger
Diseñado por Garabatos sin © (2009/2013)
RECURSOS UTILIZADOS:
★Plantilla Blogger ultra súper minimizado★ Proyecto Bibliopeque ★Menupeque★ Proyecto Bibliopeque
● Menú muy sencillo efecto hover con flecha Gema blog ● Botones con CSS VAGABUNDIA ●Texto con efecto Gradient Gema blog ● Más burbujas con CSS VAGABUNDIA ● Sombras con CSS GEMABLOG ● Los estilos de borde El balcón de Jaime ● Fondo utilizado ✿◕‿◕✿ Un simple scroll del background ♥ VAGABUNDIA ♥
● Ejemplo menú, tomado del blog: Vilma, la bibliotecaria