Personalize seu blockquote

          

                                                         Hooy

           cá estou eu de novo com um tutorial meio utilitário para vocês mais como assim ? bom hoje eu trouxe alguns tipos de blockquote para vocês , eu achei todas em blogs diferenciados então não sei de que sites elas pertencem :/ omg desculpa pelo pedido de tutorial que uma leitora fez  eu ainda  não fiz porque eu queria postar isso no dia de hoje então no próximo dia eu posto sobre ele ok! mais chega de tanto papo e vamos ao post

 

         

     CÓDIGO: 

blockquote {

border: 1px solid #FF69B4; /* cor da borda */
background-color: #E8E8E8; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}

CÓDIGO:

blockquote {

border: 1px solid #00BFFF; /* cor da borda */ 

background-color: #F8F8FF; /* cor de fundo */

padding: 10px;

font-size: 12px; /*tamanho da fonte */

color: #696969; /* cor da fonte */

text-align: justify;

-webkit-border-radius: 0px 9px 0px 9px; /*Pontinhas da Borda - não modifique se qusier o formato igual ao blockquote acima */

box-shadow: -2px 4px 15px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/

-moz-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/

-webkit-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/ 

-khtml-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/

}

 blockquote {
border-bottom: 1px dashed #33CCCC;/* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
}

Depois de ter escolhido seu blockquote procure por  ]]></b:skin>

E logo acima cole o código de seu blockquote 

Beijos pessoal espero que tenham gostado:)