1 2 3 4 5

15.6.12

Como por blockquote personalizado no blog

6814196926_d80164435a_z_large

1- Vá em Design-> Editar HTML ->Aperte CTRL+F ou F3 e pesquise por: ]]></b:skin>
2- Coloque o código abaixo acima de  ]]></b:skin> para ter um blockquote com este efeito:
texte/ blockquote personalizado do BM


/*---Início do blockquote personalizado pelo Blog das Meninas---*/
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 quiser o formato igual ao bockquete acima */
box-shadow: -2px 4px 15px #ADD8E6; /*Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
-moz-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
-webkit-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
-khtml-box-shadow: -2px 2px 5px #ADD8E6;  /*Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
}
/*---Fim do blockquote personalizado pelo Blog das Meninas---*/
 Modifique se quiser onde tem escrito...
"Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito"
Devidos creditos a Menina Blogueiras.

0 comentários: