21/9/13

Menu vertical en tu blog

Este tuto es de Dianiita Kawaii
1 paso
        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;
2 paso
Ahora para crear nuestro menú nos vamos a:
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ú

No hay comentarios:

Publicar un comentario

Reglas:
-Respeto
-No insultar

¡Gracias por comentar!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (●ω●) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡
Simbolos:
☺♥♫△☆ღ