BIBLIOPEQUE

Menú 7


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;

}

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/AVvXsEiy7VdMgea1l3o5FZH8JuD1pIKpojUlc7siDFaexR4UTMETobwTIdpcYrNgBtfDtr2-Ed1J-GItCtdtAwnKKxWBkuaxtLX8oHnlSr-wR2pNLxMRKN3kGxjxjhM6EvrbZ4ySX0ADXr8kxB0/s1600/nav.png) ;
color: #FFD700;
display:block;

width:151px;
height:100px;
line-height:67px;
}

#menupeque ul li a:hover {
color: #e7c26e;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnV6KYGZGdr4OWML-o7KFP5AeO4h0NSiGSiZjsPBcAesduz2OnabW3bzerZVqSqpZ_1CCkLLhG3y8NtM2XmkloerbfcplJfm8qzRdSzoQDqHmqSzbOL-efswrGTV08FuZbNpWH_5HrwLs/s1600/nav-active.png) ;
}



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ú 7 ♥ 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 ● Sombras con CSS GEMABLOG ● Fondo y menupeque: Adaptación de Blue Jeans Blogger Themes
Ir Arriba