domingo, 23 de marzo de 2014

Tutorial Menú Blogger

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

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