Menú nube!!

|| ||

Te marea xD ><


Ho-hola!! :D iba a publicar ahorita a la 1 pero conocí a un youtuber que hace videoblogs como holasoygerman y es precioso *-* es un chochino tacaño feo y tonto!! pero es loco  y eso me encanta*-*
{Cuando me refiero a cochino es pervertido xd} Se llama nicolás arrieta y es colombiano *-* lo había oído hace tiempo pero bueh...!

algunas me preguntaban cual era mi primer entrada en este blog y les dije que buscaran el  buscador como subir un mp3 que esa fue mi primer entrada y tutorial!! :D

Bueno hoy les traigo un menú muy pero muy menú que es de mmc y créditos a yuki

Actualmente es una nube de etiquetas pero muchos la están usando como menú xD


¿La quieres? haz lo siguiente

ve a plantilla → edicion html → ctrl f
Algunas pulsan ctrl f y les sale el buscador de la esquina de la pantalla, y por eso no encuentras a continuación una imagen guía



y busca ]]></b:skin> y arriba de el pega

a.nubeMMC {text-decoration:none;padding:3px;height:auto;width:auto;margin: 1px;font-family:verdana;  /* Fuente */font-size:10px;  /* Tamaño Del Texto */text-transform: uppercase;color:#fff;   /* Color Del Texto */background:#c6a5d4;  /* Color Del Fondo */text-align:center;-webkit-transition-duration: .50s;display: inline-block;border-radius: 7px;box-shadow: inset 0px 0px 10px #af86c1;  /* Color De La Sombra */border: dotted 1px #fff;  /* Tipo, Tamaño & Color Del Borde */}a.nubeMMC:hover {padding:3px;height:auto;font-family:verdana;  /* Fuente Hover */font-size:10px;   /* Tamaño Del Texto Hover */color:#fff; /* Color Del Texto Hover */background:#a2f1d2;  /* Color Del Fondo Hover */text-align:center;box-shadow: 0px 0px 20px #a2f1d2;  /* Color De La Sombra Hover */text-decoration: none;-webkit-transform: scale(0.8) rotate(20deg);}

Ahora vamos a diseño y añadimos un gadget html/ javascript con lo siguiente

<a href="ENLACE" class="nubeMMC">CATEGORIA</a>
<a href="ENLACE" class="nubeMMC">CATEGORIA</a>
<a href="ENLACE" class="nubeMMC">CATEGORIA</a>
<a href="ENLACE" class="nubeMMC">CATEGORIA</a>
<a href="ENLACE" class="nubeMMC">CATEGORIA</a>
Editas y guardas

Si tienes blogskin pega el código antes de </style> y pegas el gadget en cualquier lado de tu sidebar! :)

Besos y adiós

6 comentarios:

  1. Muy buen tutorial lo voy a intentar ,podrias hacer un tuto de como haces para poner etto no se como se llama donde esta el codigo estos cuadros no se si me explico

    ResponderEliminar
    Respuestas
    1. no entiendo exactamente hablas de blockquote o que cuadros jaja :S

      Eliminar
    2. Si se llaman blockquote eso no sabia lo que era .gracias a luna que me
      a dicho como hacerlo.

      Eliminar
  2. esta super linduuu ese menu, lo tendre en cuenta *-* ~chu

    ResponderEliminar
  3. me encanto este tuto pero si mi memoria no me falla este tuto es de Yuki del blog yuki blog creo que deberias darle los creditos :3 para que no tengas problemas :D

    ResponderEliminar

Tu comentario me haría muy feliz!! :D