Espera unos segundos se esta Cargando...

Menú Horizontal sencillo para el blog

12 de noviembre de 2014



El menú de tu blogs es un elemento que te permite ayudar a los usuarios con las secciones, páginas o artículos más importantes del blog.

Lo habitual es que el menú sea horizontal y colocarlo bajo de la cabecera, de forma que aparecerá una hilera de botones, pestañas o rectángulos.


Para insertarlo Gadgets entramos en ▶ Diseño ▶ Añadir un Gadget ▶ HTML/Javascript y copias el código.


 <style type='text/css'>
.cpmenu {
margin: 0;
padding: 0;
float: center;
width: 900px;
font-family: Tahoma;
font-size:13px;
font-weight: bold;
margin-top: 0px;
}
.cpmenu li {
display: inline;
}
.cpmenu li a, .solidblockmenu li a:visited {
float: left;
padding: 9px 11px;
text-decoration: none;
color: #204063;
border-right: 1px solid #204063;
outline: none;
}
.cpmenu li a:hover {
color: #FFFFFF !important;
background: transparent url(https://lh6.googleusercontent.com/-Av-tB3GLpsE/VGK0bwHMaeI/AAAAAAAACZw/Uherge2j2DU/w132-h140-p/vertical%2B%25282%2529.gif) center center repeat-x;
outline: none;
}
</style><ul class="cpmenu">
<li><a href="Enlace" title="Cosas para el Blog">Inicio</a></li>
<li><a href="Enlace" title="">Quienes Somos</a></li>
<li><a href="Enlace" title="Ofertas para ti">Publicidad</a></li>
<li><a href="Enlace" title="Enterate">Novedades</a></li>
<li><a href="Enlace" title="Contactame">Contacto</a></li>
</ul>
<br style="clear: left"/>







Pueden añadir (o quitar) elementos de este tipo:

<li><a href="Enlace" title="Cosas para el Blog">Inicio</a></li>

  • Enlace es el enlace de destino. 
  • Inicio es el texto visible en ese botón. 
  • El campo entre comillas del title (Cosas para el Blog) es un texto opcional que se muestra al poner el cursor el mouse sobre el botón. Si no se deseara ningún texto se deja title="".

<li><a href="Enlacetitle="">Quienes Somos</a></li>





-

No hay comentarios -

Publicar un comentario

Cosas para el Blog © Creative Commons 2014 | Plantilla Cosas para el Blog

creada por CPB | Con la tecnología de Blogger