Para este menú vamos a necesitar editar el html del blog ponemos este codigo en cualquier parte de la plantilla:
[aclaro] antes de </head>
COPIA Y PEGA:
/* Menú Vertical BLOGGER
----------------------------------------------- */
#menuvert ul {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 170px; /* ANCHO DEL MENÚ */
font-size: 10pt;
}
#menuvert ul li {
background-color: #FFFAFA; /* COLOR DE FONDO */
padding: 0px;
}
#menuvert ul li a {
color: #FF1493; /* COLOR LETRAS */
text-decoration: none;
display: block;
padding: 10px 10px 5px 20px;
border-bottom: 1px dotted red;
}
#menuvert ul li a:hover {
background: #FFE4E1; /* COLOR AL PASAR EL RATÓN */
border-left: 10px solid #FF3E96;
color: #B03060;
Ahora para crear nuestro menú nos vamos a:
Diseño -- Edición HTML --HTML/Javascript
Diseño -- Edición HTML --HTML/Javascript
Cuando se abra la ventana solo es colocar el codigo de menu, que debe ir asi:
<div id="menuvert">
<ul>
<li><a href="URL">texto^^</a></li>
<li><a href="URL">texto^^</a></li>
</ul>
</div>
Les explico ese codigo es para hacer una lista, y pues el codigo de link (a href="") esta dentro de este, solo deben colocar el link y ponerle un texto para que los direccione, asi es como hago los menú.
Creditos: Kawaii
No hay comentarios:
Publicar un comentario