BIBLIOPEQUE

Menú 1



MENUPEQUE

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


#menupeque ul li {
float:left;
font-weight:bold;
margin-right:3px;
padding-left:3px;
}

ul li, ol li {
list-style-type:none;
list-style-position:inside;
list-style-image:none;
}

#menupeque ul li a {
text-decoration:none;
text-align:center;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaH38i0LWPPwsGY1tzCiG8nxf8ytGhGaAjNwP7mF4gSQ7RY3X__eljj4eyEx55dKsrSYKnsYwa3LBwc5x2jBZvKm_DeBlPYeHGt2-IZ6TQFmsXR1lVV37udtvsiemjq1KKh0uBA18gMAht/s1600/get11.jpg) repeat scroll 0 0;
color:#000;
display:block;
-moz-border-radius: 10px 10px 10px 10px; border-color: CornflowerBlue; border-style: solid; border-width: 2px 5px;
height:45px;
line-height:45px;
}

#menupeque ul li a:hover {
color:CornflowerBlue;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNmLFUsBEFMF5N1oY6-l-kOCaXnomX3vilthHEcTWreNBIj3n6FSUK2jEkKmy93IcX3F_9zjFIT4qIk8ZJ5E1g4heo5GC_OhW5EImz07MkSa-vbFGqhNiUd2Eq_yt01dVqnwAU1QJPLOO_/s1600/get3.JPG) repeat scroll 0 0;
}



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ú 1 ♥ ♥ 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 ● BGmaker generador de fondos ♥ VAGABUNDIA ♥ ● Fondo utilizado ✿◕‿◕✿ Un simple scroll del background ♥ VAGABUNDIA ♥
● Ejemplo Menú, tomado del blog: Y UN DÍA ME ANIMÉ A ESCRIBIR… ♥
Ir Arriba