23/3/13

[Tutorial]Blockquote Hover 1


hOLA que tal jajaj yo estoy muy pero que muy bien disfrutando de las vacaciones de semana santa bien pues navegando en la red me encontré un tutorial muy interesante de un tipo Blockquote Hover que al pasar el cursor se hace un efecto muy lindo para verlo en vivo ve a mi blog de pruebas
Bien ahora el tuto espero que os guste

  1. Plantilla
  2. Edicion Htlm
  3. CTRL+F y buscas
  4. ]]></b:skin>
Y pegas este lindo codigo xD 
blockquote {
font-family:century gothic;
background:#fff url(Url de fondo);
box-shadow:inset 0px  10px 0px #D2FDE1,inset 0px -10px 0px #D2FDE1;
font-size:12px;
border: 1px solid  #D2FDE1;
padding: 30px;
-webkit-transition-duration: 1.0s;
}
blockquote:hover {
text-shadow: 0 0 0.5em  #FFF , 0 0 0.5em #FFF;
font-size:12px;
border: 1px solid #D2FDE1;
box-shadow:inset 0px 900px 0px #E1BDF8,inset 0px -900px 0px #D2FDE1;
padding: 30px;
-webkit-transition-duration: 1.0s;
}
Edit
Azulito:Es donde ira el fondo del blockquote  si no poneis nada se os quedara en blanco 
Verde:Es el color que predominara en el blockquote tiene que ser todo el mismo color
Rosa:Es el color del hover al que cambiara al pasar el cursor
Fuente [x]

15 comentarios:

  1. Lindo efectoooo :DD perdoname que no me pude pasar x tu bloggie!!!!!!!!! La font que dice "Yukii Blog" se llama "Belta" y la pixelada se llama "Handy00". Gracias por visitar mi blog y mil disculpas por contestarte tarde! D: See Ya! ^^

    ResponderEliminar
    Respuestas
    1. muchisimas gracias ahh eres la mejor me tengo que pasar por tu blog que me encanta y nunca TE LO DIGO

      Eliminar
  2. Hola Kumy, ya sé que no están abiertos los pedidos ahora pero lo necesito urgentitoo pliss...!

    Quisiera que me hagas unos de estos pero sacándole la guitarra:

    http://4.bp.blogspot.com/-d_TjUvIGJ2I/UQvgvVOxwzI/AAAAAAAAK9c/F2JVoRLL_1I/s320/tutospedido.png

    Que diga uno: Karaoke
    Otro que diga: Guitarra
    Otro que diga: Cosas Locas

    Y si puedes ponerle alguna muñequita kawaii reemplazando la guitarra ^^

    Gracias y si me lo haces estaría muy agradecida!! besos :)

    ResponderEliminar
  3. mm bueno vale te lo hare no hay problema n.n

    ResponderEliminar
    Respuestas
    1. Ahh gracias Kumy, eres buena amiga n.n
      De enserio gracias!!!! :)

      Eliminar
  4. gracias por continuar compartiendo de tus conocimientos *u*

    besos kumy!!! ^-^

    ResponderEliminar
  5. ¡Graciass! Hace poco encontré tu blog y me encantó
    ----♥----
    keepccalm.blogspot.com.ar
    rinconviejo.blogspot.com.ar

    ResponderEliminar
    Respuestas
    1. wow una navegante de mi mundo XD muchas gracias x pasarte y comentar yo ya segui tu blog puedes seguir el mio??

      Eliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com