FOLLOW ME!

SOCIAL NETWORK

AFILIAME
Not A Single Song
Para más botones, haz clic aquí

Menú personalizado {forma 2}

3 mar 2013
¡Hola bellas! En los últimos días he estado recibiendo de varios la pregunta de cómo hice mi Quick Menu... es simplemente otra forma de un menú como el que ya había explicado {aqui}.




Es un código que les dejo aquí abajo y ustedes sólo deben copiarlo y pegarlo en un nuevo gadget de HTML/Javascript y modificar los colores a su gusto.
<style>
.categories a{ /* Menú by Not A Single Song*/
display: block;
font-family: Trebuchet MS;
text-align: left; /* Alineación del texto */
padding-left: 5px;
color: #CA4242; /* Color del texto */
background: #eedfb4; /* Fondo */
border-radius: 4px; /* Radio del borde */  
margin: 2px;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.categories a:hover { /* Recuerden: siempre que diga hover es para cuando le pasan el mouse */
background: #d95984;
color: #fff;
border-radius:3px;
}
</style>

<div class="categories"><a href="Link l">Nombre del link 1</a>
<a href="Link 2">Nombre del link 2</a>
<a href="Link 3">Nombre del link 3</a>
</div>
Espero que les sirva, cualquier cosita o duda me dejan un comentario para ayudarlos :)

5 comentarios :

  1. podrias explicar como poner eso de las flechitas y como poner eso que dice Quick menu??

    ResponderEliminar
    Respuestas
    1. Es un icono, como el ♥ para el corazón, no me lo acuerdo ahorita como es... busca OKELMANN en Google y te sale una página donde hay codigos para muchos iconos (:

      Eliminar
    2. muchisimas gracias cata. he hecho un par de blogs siguiendo tus tutoriales. el ultimo es este: http://california-graphics.blogspot.com.es/ por cierto espero que no te haya molestado que haya cogido unos de tus tutos y lo haya puesto en el mio. por supuesto te he dado creditos. porfii pasate y mirate el blog :)

      Eliminar