Annyz-BlOg : 3 Estilos de blockquotes (cute)
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..

25 junio 2014

3 Estilos de blockquotes (cute)

Que tal blogueras !! esta vez les traigo 23 estilos diferentes de blockquotes, tomen el que mas les guste :D!!

para ponerlo en tu blog recuerda copiar el codigo con Ctrl+C y pegar Ctrl+V, luego te vas a Plantilla >> Editar Html >> y antes de </b:skin&gt; pegas el codigo :)!!! facil no?

Solo pasa tu cursor sobre el blockquote y mira su efecto hover :)!

1 estilo shalalaaa ~ buen dia a todos :D gracias por tu visita ^^

blockquote { margin: 1em 20px; padding:10px; background-image:url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cutefondo2.png); border-left: 10px solid #EFE6FF; border-right: 10px solid #EFE6FF; border-top: 2px solid #EFE6FF; border-bottom: 2px solid #EFE6FF; color:#555555; border-radius: 10px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} blockquote:hover { background:url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cutefondo1.png); border-right: 10px solid #CAEFFF; border-left: 10px solid #CAEFFF; border-top: 2px solid #FFE1E4; border-bottom: 2px solid #FFE1E4; border-radius:30px; -webkit-box-shadow: 0px 0px 6px 4px #FFFAD8; -moz-box-shadow: 0px 0px 6px 4px #FFFAD8; box-shadow: 0px 0px 6px 4px #FFFAD8;}


2 estilo
shalalaaa ~ buen dia a todos :D gracias por tu visita ^^


blockquote { background-image:url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cutefondo1.png);padding: 5px; border-top: 1px dashed #4F4F4F; border-bottom: 1px solid #4F4F4F; border-left: 10px groove #FF60AF; colour:#FFFFFF; } blockquote:hover{ background-image:url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/moustache.png);background-position:bottom right; background-repeat:no-repeat; display:block; padding:5px; color:#CECEFF; border-left:12px double #00E3E3; border-top:2px dotted #000000; border-bottom:2px solid #FF95CA; border-right: 1px dashed #4F4F4F; -moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px; -webkit-transition: 1.0s; -moz-transition: 1.0s;}


3 estilo
shalalaaa ~ buen dia a todos :D gracias por tu visita ^^


blockquote{ background: url(http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cutefondo1.png) #fff; background-repeat: repeat; border-radius: 15px; -webkit-user-select: text; -moz-user-select: text; border: 1px dashed #C69FFF; padding: 25px 15px; color: #9C9C9C; box-shadow: inset 0px 0px 0px #D9F2FF,inset 0px 0px 0px #D9F2FF; -webkit-transition: 1.0s; -moz-transition: 1.0s; } blockquote:hover { box-shadow: inset 0px 14px 0px #FFE0EC,inset 0px -14px 0px #E2DEF9; -webkit-transition: 1.0s; -moz-transition: 1.0s; color: #555;}

7 comentarios:

  1. Me encantaron todos, pero optaré por el tercero...
    Besos :*

    ResponderEliminar
  2. hermosos! +--+ amo lo que haces annyz!

    ResponderEliminar
  3. annyz para que plantilla es no encuentro el </b:skin> tengo la plantilla:Picture Window hay algun blockquotes para esa plantilla?

    ResponderEliminar
  4. Respuestas
    1. Ni yo lo busque pero no me sale

      Eliminar
  5. Puedes explicar como cambiarle el tipo de letra? Quisiera ponerle una letra cursiva o algo así c:

    ResponderEliminar