23.4.12

Como por blockquote personalizado no blog


Oie minhas estrelinhas Tudo cute?
Eu estou rsrsrs[-qq]
Hoje vou encinar como por blockquote personalizado no blog
Espero qe gostem 

Mini Gifs

Vamos la?

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---*/


Eu coloquei tudo explicadinho no código caso vocês queiram mudar as cores. É bem facil por né? Qualquer duvida me perguntem pelos comentarios .

Nenhum comentário:

Postar um comentário

♥ Todos os Comentários serão respondidos .
♥ Leia Antes de Comentar .
♥ Se for falar sobre algo além do post, comente sobre ele primeiro .
♥ Não aceitarei nenhum tipo de xingamento, mas estou aberta a críticas contrutivas .
♥ Se for usar ou repassar algum tutorial, utilitário ou qualquer coisa que te inspire no Sweet Glitter, NUNCA esqueça de dar os merecidos créditos.
♥ Deixe o link ou url do seu blog no final do comentário para que eu possa retribuir a visita .
♥ No mais, obrigado pela visita e sejam bem vindos !