[TUTORIALES] Menu flotante de gadgets.

Lelo,lalo mis pollitos~!!{ok ya~!}como estan? pues yo espero que bien,aqui estoy actualizando.....estas dos ultimas no he tenido tareas,sera por que me queda poco para terminar mi grado?jejje pero bueno, hace poco me compre unos materiales nuevos para dibujar y estoy algo emocionada por eso y lo que hago es dibujar...pero no me quiero olvidar de ustedes,ademas estoy preparando todo para el concurso que hare aqui en el blog,sera algo bueno....pero aun no se que premio...{acepto sugerencias}pues hoy voy a dejarles la tuto que me la pidieron,espero que a todos les guste,aqui vamos:

1.Vamos a plantilla | Edita HTML | Y buscas ]]></b:skin> arriba pegamos el siguiente codigo:
.sidemenu {
width:110px;
background:url(http://i765.photobucket.com/albums/xx293/Claudinenetto/Menu/botaomenu.png)no-repeat;
padding: 4px 1px 2px 1px;
margin-bottom: 2px;
display: block;
text-align: center;
font-family:"silkscreen";
font-size: 11px;
text-transform: uppercase;
color: #fff;
text-shadow: 1px 1px 0px #F7A7B2;
text-decoration: none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
}
.sidemenu:hover {
background:url(http://i765.photobucket.com/albums/xx293/Claudinenetto/Menu/botaomenuhover-1.png)no-repeat;
border-bottom: 2px solid #;
}

2.Vamos a diseno | anadir un gadget | HTML/javacrips y pegas este codigo:
<div style="position: absolute; margin-left:256px; margin-top: -150px;">
<a href="LINK"><div class="sidemenu">NOMBRE</div></a>
<a href="LINK"><div class="sidemenu">NOMBRE</div></a>
<a href="LINK"><div class="sidemenu">NOMBRE</div></a>
<a href="LINK"><div class="sidemenu">NOMBRE</div></a>
</div>
3.Luego guardas y listo~!Aqui les dejo varias imagenes editadas para que cambien el fondo de su menu:


Pues es muy sencillo y muy bonito~! ademas el efecto es hermoso~
Espero que les gusten y que le den buen uso...no olviden los creditos.
Si tienes alguna sugerencia para el premio del concurso,me lo dicen en los comentarios~
Recuerda dejar tu comentario~
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}

11 comentarios:

  1. waaaawww buen tutorial, muy lindo, gracias ¿crees que podrias dejar en psd las imagenes?. bueno saludos

    ResponderEliminar
  2. Muchas gracias Dayi! Está muy bonito , a lo mejor lo uso ^^
    Pues yo no tengo ninguna idea para el concurso xD me pillaste sin inspiración xD Uno de dibujo o de firmas podrían estar bien :^)
    Un saludo!!!

    ResponderEliminar
  3. Holaaa ^^
    Me ha gustado mucho el menú así, qué pena que no pueda ponerlo en la plantilla que tengo ahora, pero lo guardo para algún día, Jajaja

    Espero que estés genial. Un abrazo! :)

    ResponderEliminar
  4. me encanta el menu gracias dayi esta precioso :33

    ResponderEliminar
  5. Muchas gracias por este hermoso tuto amiga, me ha encantado

    ResponderEliminar
  6. me encantan los menus que pones son tan hermosos!!!

    ResponderEliminar
  7. Anda que bonito, me encantan los botoncitos que hiciste.

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com