+Follow | Dashboard


H
O
M
E
P
R
O
F
I
L
E
A
F
F
I
E
S




☆彡 Hover Box {Menú desplegable}
sábado, 14 de julio de 2012 @ 9:42
2 star(s) leave me one?

Hola que tal ✧・゚:*✧・゚:* \(◕ω◕✿)/ *:・゚✧*:・゚✧
Cómo les va???. Les cuento que visité algunos blog...asi que no se quejen xD lalalala.
Hoy amaneció con mucho frio...creo que lloverá >.<!!.
Cambiando de tema, hace mucho tiempo que no publico un tutorial para blog. Aquí les traigo una especie de Menú desplegable o mejor dicho un Box desplegable, muy bonito y es el que utilizo en mi blog, por lo tanto, si o si funciona ^^


Imágenes del Box o Caja Desplegable (no lo coloqué "en vivo" o vista previa porque se me bloquean los códigos, pero pueden verlo en la barra lateral derecha ^^
Normal
al pasar el cursor se expande

Es muy sencillo, sólo debes seguir los siguientes pasos: 
1.- Edición de plantilla 
2.- Debes colocar el siguiente código antes de </style> en el caso de ser una plantilla Blogskin. 
3.- Si es una plantilla de blogger, debes añadir un gadget en edición de HTML/Javascrip 
4.- Finalmente colocan vista previa (para evitar errores y si realmente funciona) y luego guardar...y woala!!
<style type="text/css"> .box { width: 265px; padding: 10px; background:url(url);} .box2 { padding:3px; display:block; height:17px; width:255px; background:#fff; -webkit-transition-duration:.8s; -moz-transition-duration:.8s; overflow:hidden;} .box2:hover {height: 150px;} h01{ font-family:consolas; padding-top:1px; font-size:12px; color:#000; text-align:center; text-transform :uppercase; background: pink; letter-spacing:5px; height:16px; padding-left:6px; display:block; -moz-transition: 0.5s; -webkit-transition: 0.5s;} </style> <div class="box"><div class="box2"><h01>title</h01> <div style="font-family:arial;font-size:8px;height:130px; overflow:auto;margin-top:3px;"> Coloca aquí tu texto o imágenes que desees </div></div></div>
Ver y Copiar el Código Aquí
Espero que les resulte y si hay dudas comentan..Okey!★~(◡‿◕✿)

Etiquetas: ,





< >

// Sweet Pain.
Hello, Bienvenidos a mi Blog personal y en donde subo material random y no me hago responsable de los sangrados de narices que puedan ocurrir!!
Sweet Taste
Menú
Mi Tumblr
Tagboard
Últimas Entradas
Sígueme
Twitter
Wishlist
Viajar a Korea
Viajar a Japón
Uñas largas
Tener todo el mall!
Terminar el colegio
Terminar la Universidad
Conocer a Yonghwa
vivir en Asia!
Tener el pelo largo
Notebook
Zapatos con taco
Ser la mejor del curso u.u
New celular
Licencia de conducir
Un auto!!
Un vestido de fiesta
Weheartit
Many thanks to
✖ Layout by: LovelessSagiri.
✖ Header: TumblrSagiri.
✖ Icons: Shiro.
✖ Sozai: Kawaii Box & Ferny-Dust.
✖ Menu: Wanaseoby

// Zona de Publidad //






Si tú también deseas tener tu publicidad aquí:
Necesario:Nombre o Seudónimo/ Sitio o Blog (URL)/ Código o link de la imagen.
La imagen no debe sobrepasar los 200px de ancho, el largo es a gusto (ojalá no más allá de 300x)
No debe contener mensaje ofensivos.
✖ Envía los datos a koniiwa@gmail.com
Para Mantener la Publicidad:
*Tener el barnner de mi blog y tenerme afiliada en tu web
*Seguir cualquiera de mis 2 blog y/o ser mi amiga en facebook
*Actualizar tu blog por lo menos cada 3 semanas
*Visitar mi blog por lo menos 1 vez al mes con algún comentario en entradas o c-box
"Si no se cumple todo lo anterior, la publicidad será eliminada (a menos que se avise con anticipación)"
Gracias.

MyFreeCopyright.com Registered & Protected