Annyz-BlOg : Estilos Blockquote
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..

19 diciembre 2012

Estilos Blockquote


2 estilos de de blockquote...escoge el que mas te guste :)

primer estilo


Para ponerlo en tu blog.. copia el siguiente codigo y pegalo antes de ]]></b:skin>

blockquote {
padding:3px;
background-image:url(http://i.imgur.com/tDtge.png);
border-left: 2px dashed #74B7F7;
border-right: 2px dashed #FE78BB;
border-top: 2px dashed #FFD7E6;
border-bottom: 2px dashed #FFFD9E;
color:#C1C0C0;
-webkit-transition-duration: 1.0s;
border-radius: 5px;
}
blockquote:hover {
border-right: 15px solid #74B7F7;
border-left: 15px solid #FE78BB;
border-top: 2px solid #FFFD9E;
border-bottom: 2px solid #FFD7E6;
-webkit-transition-duration: 1.0s;
}

das guardar y listo.

Segundo estilo


Para ponerlo en tu blog.. copia el siguiente codigo y pegalo antes de ]]></b:skin>

blockquote {
background: #FFF992;
border-left: 15px solid #FF8BB4;
color: #000000;
border-radius: 7px;
padding: 4px;
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/11.gif),auto;
-webkit-transition: 1.0s;
}
blockquote:hover {
background:#FF8BB4;
border-right: 15px solid #4E9EFF;
border-left: 0px solid transparent;
padding: 4px;
color: #ffffff;
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/11.gif),auto;
-webkit-transition: 1.0s;
}


ahora solo guardas

puedes personalizarlos colores

purpura: es el color de los bordes
rosa: color del fondo
azul: direccion del cursor.
naranja: color del texto.

Que tengan bonito dia y felices fiestas n.n

24 comentarios:

  1. Muchas Gracias Annyz lo aplicaré a ver si funciona,Feliz Navidad para ti y que tu niña sonría mas.

    ResponderEliminar
  2. Anny estan muy lindos los dos, yo probare el segundo por lo del mause!
    Besos y feliz navidad!

    ResponderEliminar
  3. hola annyz me encanto el primero pero los dos son lindos
    sabes nunca nunca nuca me ha funcionado el bloquotte ni los tuyos ni los anteriores ni la de mell ni de otras que saben de eso, ni este
    Una vez me dijistes que era por el navegador
    pero huso dos este y el firefox pero no se vee
    espero y me pueda ayudar :/ besos linda
    me encanto todo lo que pusistes hoy

    ResponderEliminar
  4. Me encantaron en verdad que si, use uno de ellos para mi blog, en verdad gracias.
    ¡Feliz Navidad!

    ResponderEliminar
  5. Que hermoso *-*! Cada vez que veo esta pagina, me inspira en hacer un blog xD! Lastima que no tenga una idea de que hacerlo :c

    ResponderEliminar
  6. Cada vez que veo tu pagina, me inspira en hacer un Blog *-*! Siempre pones cosas tan bonitas! Felices fiestas!

    ResponderEliminar
  7. estoy remodelando, entro por error a tu blog y..... encuentro justo lo que buscaba, genial gracias annyz!!

    ResponderEliminar
  8. Me encantan, voy a poner el primero en mi blog ^^

    ResponderEliminar
  9. Arigatototote xP mm queria decirte algo que en la entrada de tu otro blog esta entrada http://annyzkawaiiworld.blogspot.mx/2012/04/poner-un-iconito-al-menu-archivo.html no me funciona tengo la plantilla Fantástico, S.A. la negra pero modificada obvio ^-^ me puedes decir que codigo debo buscar te lo agradeceria mucho ^-^ y Arigatoo!!!

    ResponderEliminar
  10. todo lo que haces es muy bello!, por cierto como es que haces los cursores????tengo esa duda

    ResponderEliminar
  11. Muy bonitos Annyz!! Te puedo hacer una consulta?
    -Como se colocan en una entrada?
    Te felicito, Nyaa

    ResponderEliminar
  12. Adorei os blockquotes
    teen-girl-fashion (.blogspot.com)

    ResponderEliminar
  13. Lindisima entrada!
    Te sigo, besitos.

    ResponderEliminar
  14. Tienes buenos articulos, Felicitaciones por tu Blog, Visita tambien el mio, comenta, suscribete y sigueme, que yo tambien hare lo mismo.

    ResponderEliminar
  15. n.n espero que estas fiestas la hayas pasado muy bien y te deseo un mejor año, seguire visitandote cada vbez que pueda. saludos y mucha suerte.

    ResponderEliminar
  16. Me encanta tu blog hace tiempo me hice seguidora ^o^ podrias venir a visitarlo!!!
    sweetcandycute.blogspot.com
    y si te gusta me suiges plis???

    ResponderEliminar
  17. Gracias Linda (: Te animo a pasarte por mi blog, donde ya puse esto tan interesante, no sabes lo que me costó encontrarlo, un besazo (:

    ResponderEliminar
    Respuestas
    1. claro laura ya me paso, gracias por tu invitacion ^^ me da gusto que te haya servido el tuto :)

      Eliminar
  18. estilos magníficos.
    Sou dona do blog sonhosdeumaandorinha.blogspot.com
    gostaria de se afiliar?

    ResponderEliminar
    Respuestas
    1. claro con gusto afiliamos ya me paso por tu botoncito n.n

      Eliminar
  19. Annyz ya lo hice pero como se hace para publicarlo en tu blog no lo sé plis ayudame.

    ResponderEliminar
    Respuestas
    1. publicarlo en mi blog?? jaja no entendi iratxe quiza me puedas explicar mejor que quieres hacer y ya con gusto te ayudo.. saludos y sorry por la espera!

      Eliminar