[TUTORIALES]2 Tipos de Blockquotes{2}

Hello!Como estan?Yo pues bien,Aunque algo cansadita...VIERON?Este es el diseño definitivo del blog{al menos que me de crisis de colores y lo cambie,pero lo dudo}Es de BIGBANG pero version chibi...Los colores son arcoiris.Le agregue otros menu,como el que esta al lado izquierdo"que es de mell,pero yo lo edite"y el otro del lado derecho{el de los circulos}es de angel~y hay estan las redes sociales y el que esta al lado izquierdo pero arriba,{el que dice navegador}hay estan los links que estaban en el gadget de welcome.Pues ustedes se pondran a descubrir cositas del blog{es algo raro eso,vdd?}Espero que les guste^^.Ademas ya me mejore de la gripe,asi que espero dejarles mas tutoriales y recursos,etc.Ahora les dejo 2 blockquotes que hice hace tiempito,aqui estan:

ESTILO#1:

(Click a la imagen para ver original)

blockquote {
background: #ADE19A;
color: #FFFFFF;
padding: 7px;
position: relative;
border-radius: 0px 7px 7px 7px;
border: 1px solid #fff;
}
blockquote:before {
border-color: #ADE19A #ADE19A #ADE19A #ADE19A;
border-style: dashed;
border-width: 10px;
content: "";
position: absolute;
left: 0;
top: -20px;
}

ESTILO#2:

(Click a la imagen para ver original)

.post blockquote{
background:url(http://i.imgur.com/sGiFt.jpg);
padding:10px;
display:block;
border:3px solid #FF90C1;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
.post blockquote:hover{
color:#000;
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #FF90C1;
-moz-box-shadow: 0px 0px 8px #FF90C1;
box-shadow: 0px 0px 8px #FF90C1;
}

 2 Blockquotes para utilizar,los pueden utilizar a su gusto,Recuerda que el color de letra se aplica
a tu plantilla.Espero que les gusten mucho.
Pues se ve olvido decir,los creditos estan en el gadget de"creditos"!ok?.{por si las moscas}
Recuerda dejar tu comentario!
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}

Mi otro blog | others.