Annyz-BlOg : Imagen Esquina Con Mensaje Al Pasar Cursor
para COPIAR los codigos usa la tecla Ctrl + C y para PEGAR usa la tecla Ctrl + V gracias :) El Blog Se visualiza mejor con Google Chrome..

04 junio 2015

Imagen Esquina Con Mensaje Al Pasar Cursor

Bueno mi blogueras como ven ya estoy de vuelta nuevamente =D
super contenta, mas alivianada que nunca xD 
y con las ganas al 100 % de traerles un monton de recursos
y alguno que otro tutorial ^^!!
Esta vez traigo un tuto muy mono y que creo que te va a gustar :)!!

Aviso ~~~ El blog lo estare actualizando cada Mi mi mi miercoles jajajaj  xD gracias a todos por su visita !!

cute no? jajaj

Bueno empezemos :)!!  aqui imagen previa:


Al pasar el cursor por la imagen esta desplegara la burbuja con el mensaje :)!






Si te gusto la munequita sigue los siguienes pasos:

image Copia este codigo y pegalo en un gadget html/javascript. -- Aqui se pondra el gif/imagen que mas te guste.

image Ahora ve a Plantilla    Editar Html y justo antes de ]]></b:skin> pegas el este codigo:


Para personalizarlo poniendole bordes y color del texto en el codigo viene en letra MAYUSCULA lo que tienes que cambiarlo para que quede del modo que a ti te guste :)!

Se me pasaba anexar..si gustas cambiar el fondo de la burbuja..para explicarte mejor en el codigo viene asi:

background:#ffffff; Aqui  es para cambiar el color del fondo de la burbuja, pero si no quieres fondo de color y le quieres agregar una imagen como la vista previa de la captura de arriba -sailor moon-
borras:

background:#ffffff;

y pones este:
background-image: url("Fondo de imagen");


Ahi solo le agregas fondito de imagen que mas te guste ^^ espero haberme hecho entender sino fue asi..no dudes en dejarme un comentario y con gusto te ayudo :)!


ustedes pueden poner otro gif o imagen que mas les agrade es cuestion de buscar uno para que quede con el diseño que tienen del blog.

Algunos gifs/imagen:


http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cinamonroll.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%206.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2035.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2013.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2017_2.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2011.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2015.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2018.gif


http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2020.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2021.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2023.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2024.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%2031_1.gif
http://i1221.photobucket.com/albums/dd461/kawaii_annyz/tumblr_nolc2qfz0r1tkx2tno1_250h.gif

gracias 
~xoxo~



21 comentarios:

  1. awww que hermoso!♥♥ gracias!

    ResponderEliminar
  2. Son super bonitos los iconos! Gracias por el tutorial!

    ResponderEliminar
    Respuestas
    1. de nada rini..que bueno que te haya gustado :D

      Eliminar
  3. tu siempre traes cosas lindas~!!!!GRACIAS~!

    ResponderEliminar
  4. ¡Me encanta este nuevo tutto!

    Pero... tengo un pequeño problemilla. Mi blog es de Monster High y... no creo que peguen mucho esos gifs u_u'

    Un saludo desde Lothlorien!

    ResponderEliminar
    Respuestas
    1. Puedes poner cualquier imagen de tu preferencia.. :)!

      Eliminar
  5. oye una preguntita en mi blog si me voy a editar HTML no me sale ]]> y no puedo ponerle el globito :( ¿que hago?
    PD: es muy bonito tu blog, Saludoooooos :*

    ResponderEliminar
    Respuestas
    1. hola Daniela quiza este tuto te ayude

      http://www.ciudadblogger.com/2013/04/el-nuevo-diseno-en-la-edicion-html-de.html

      saludos

      Eliminar
  6. Muy lindo el efecto! Gracias por compartirlo c: saludos, que ande bien ^^

    ResponderEliminar
    Respuestas
    1. igualmente angel :D!!! gracias por tu visita.

      Eliminar
  7. gracias por compartirloo es super genial :D :D

    ResponderEliminar
  8. ¡Me encantó el efecto!, pero soy nueva en estoy no se cómo cambiarle el texto.

    ResponderEliminar
  9. que lindo!!! lo utilizaré en mi blog (http://murasakii-haner.blogspot.com/) saludoos ;w;!! ♥

    ResponderEliminar
  10. Wow primera vez que veo un blog tan kawaii *-* Me encanta este blog :) quisiera tener uno igual pero no se como abrirlo :/

    ResponderEliminar