martes, julio 28, 2015

[ Recursos ] Blockquotes ( Parte 1 )

By: Ghaaby Captor | Fecha: 7/28/2015 |
 mis loqueros!! aquí les dejo algunos blockquotes para sus blogs! 



blockquote{

background:url(http://static.tumblr.com/d6590aac1e5de8b7f8993f492101aff2/x1dnc2y/kVumjm5sm/tumblr_static_book_heart.jpg);
padding:10px;
color:#fff;
letter-spacing:1px;
border:2px solid #ccc;
-webkit-transition: all 0.5s ease-in-out;
-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;
text-shadow: -1px 0 fff, 0 1px fff,
1px 0 fff, 0 -1px fff;
}



blockquote:hover{

background:url(http://static.tumblr.com/d6590aac1e5de8b7f8993f492101aff2/x1dnc2y/kVumjm5sm/tumblr_static_book_heart.jpg);
background-position:50% 50%;
}





blockquote {
background:#FFF2F5;
color: #ffffff;
border:1px solid #FFDBE2;
border-radius:5px;
color:#000000;
border-right:15px solid #FFDBE2;
padding:4px;
background:#E3F7FF;
-webkit-transition: 2s; } blockquote:hover { color: #000000;
border-left:15px solid #D0F5F7;
border:1px solid #D0F5F7; border-right:1px solid #D0F5F7; -webkit-transition: 2s;
}




blockquote {border-left: 30px solid #F06B82;
padding: 8px; margin: 10px;text-align: left; 
font:italic 12px tt; letter-spacing:1px; 
background: url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png); 
color: #555; line-height:18px;-webkit-transition-duration: 3s;}






blockquote{
background:url(http://4.bp.blogspot.com/-Urh3g2MwkDM/UBBBMFORzjI/AAAAAAAADpk/mWsZjNeQMgk/s1600/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);
padding:10px;
color:#808080;
font:12 quote;
letter-spacing:1px;
margin-left:30px;
border:3px solid #eee;
margin-right:30px;
-ms-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
blockquote:hover{ margin-left:0px;
margin-right:60px;}




blockquote {
background : url(http://i1046.photobucket.com/albums/b464/fariesfearless/backgroundbody3.png);
Border:2px solid #FFBFE9;
-webkit-transition-duration: 3s;
padding: 12px; margin: 2px 2px;
Border:2px dashed #ED4AB9;
-webkit-border-radius: 10px; -moz-border-radius: 10px; } blockquote:hover { color: #000000; -webkit-transition: 3s;
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic009demoji_12386811decoojp.gif);
background-position:bottom right; background-repeat: no-repeat;
}

NOTA:  Lo que esta en letras rojas, son las imágenes que pueden modificar, por el que ustedes quieran

  
avatar
28 de julio de 2015, 5:57

¡Están chulísimas! Se nota que sabes mucho de HTML y CCS. Gracias por el aporte <3

avatar
S4ku-Chan
Admin
28 de julio de 2015, 6:21

Genial tutorial me gusto mucho muy util sobre todo para los que quieran un blockquote distinto

avatar
Yami chan
Admin
28 de julio de 2015, 10:12

Gracias por los blockquotes Ghaaby-chan ^^,besos ^3^

avatar
Bam
Admin
28 de julio de 2015, 10:39

Gracias por la ayuda y recursos n.n
Besos!

avatar
28 de julio de 2015, 13:23

Hola!
Están super chulos los Blockquotes!!
Gracias por compartirlos.
Besos
Pdt: Amé la imagen de portada del post ♥

avatar
POPOTAN
Admin
28 de julio de 2015, 21:02

Hey Ighaby!!!! Bueno... la verdad que el efecto es muy interesante pero yo ya no me arriesgo a modificar con codigo tan complejos, pero aun así animo a quienes tienen la paciencia, y además aconsejo guardar la plantilla nates de hacer el cambio, para probar y decorar mucho mejor sus blog´s... bueno como siempre me resulta muy complicado sacar un poco de tiempo, y por el momento le estoy dedicando mucho al libro... del cual ya no diré nada más... bueno.. así que esperará que todo me salaga bien y como te lo dije en un comentario... viajaré pronto, despidiendome para siempre de HYO, y comenzando mi nueva vida por allá. Así que posiblemente comience un nuevo blog, y cierre el que tengo... bueno eso nunca... jamás cerarré el blog, no te preocupes, pero si haré uno dedicado a mi nueva ciudad... así que hasta ese entonces... saludos, y muchos dientes de león. ♪

avatar
NekoShiiro
Admin
29 de julio de 2015, 4:28

Ojalá supiera usarlos para poder arriesgarme sin mandar a volar toda la plantilla <3

avatar
Yukii
Admin
29 de julio de 2015, 20:51

Hola!
Nunca e sido buena modificando ese tipo de cosas pero aun así están muy padres!! Espero poder usar uno pronto porque están muy lindos!!
Muchos besitos!~

avatar
30 de julio de 2015, 7:58

Wooo! muy buenos!! se agradece que compartas ^^
Saludoss!