Blockquote Estilo 1

Hola a todos n.n hoy les enseño qué es un blockquote, como usarlo y varios estilos super lindos y sencillitos de poner :D

el blockquote es como un cuadro que se usa para destacar o poner algo, yo la uso para poner códigos. el símbolo del blockquote es este: 

clic a la imagen para verla en tamaño original...

un ejemplo de blockquote:

Probando probando blockquote... :'D

bueno para usarlo solo le hacen clic al botoncito de las comillas como yo mostré en la imagen, escriben algo o ponen un código, cualquier cosa y listo xD

hay muchísimos estilos diferentes de blockquote, yo les voy a ir mostrando algunos de a poquito.

bueno les enseño a poner este:

clic a la imagen para verla en tamaño original...

bueno vamos a plantilla - edicion de html - continuar

pulsamos ctrl + f y buscamos el siguiente código:

]]></b:skin>

y justo arriba de ese codigo pegamos lo siguiente:

blockquote{

background:url(url del fondo);

padding:10px;

border-radius:10px;

border-left:10px solid #CCC4FB;

border-right:10px solid #CCC4FB;

border-top:2px solid #DED9FC;

border-bottom:2px solid #DED9FC;

color:#808080;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

font-family:calibri

}

blockquote:hover{

border-radius:20px;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

-webkit-box-shadow: 0px 0px 8px #B0AAFF;

-moz-box-shadow:    0px 0px 8px#B0AAFF;

box-shadow:         0px 0px 8px #B0AAFF;

}

rojo: pones la url del fondo de tu blockquote

naranja: color de los bordes de izquierda y derecha

verde: color de los bordes superiores e inferiores (arriba y abajo)

azul: color de la sombra (o resplandor) del blockquote


eso es todo, cualquier pregunta no duden en comentar n.n 


Créditos: Wanaseoby