11/01/2012

Tutorial: Blockquote personalizado!

Outro tutorial aqui no blog! Vamos aprender a personalizar o blockquote, que pra quem não sabe, é essa "caixinha" que fica em volta do texto, ou imagem, que você quiser. Um exemplo:



Para usá-la basta usar esse botão:


Passo 1:
Entre no painel do blogger > Design > Editar HTML

Passo 2:
Procure por ]]></b:skin> (Crtl+F) e acima cole:

.post blockquote {
background:url(LINK DA IMAGEM DE FUNDO AQUI) ; /*Altere o fundo como preferir*/
border:2px dashed #99CCFF; /*Altere a cor da borda como preferir*/
padding: 5px;
margin:10px 20px 10px 20px;
}

Você pode alterar o código acima para deixar o blockquote do jeito que quiser!

  • Se você quiser usar uma imagem no fundo lembre-se de substituir LINK DA IMAGEM DE FUNDO AQUI pelo link.
  • Você pode colocar uma cor no fundo, no lugar da imagem. Basta trocar url(LINK DA IMAGEM DE FUNDO AQUI) por #código da cor.
  • Você pode trocar a cor da borda (mudando o código) e a textura (modificando 2px por um número maior, se quiser mais grossa, ou menor, para mais fina).

Desculpa por não ter postado antes, estava sem internet!
Não esqueça de dizer o que achou do tutorial, se conseguiu fazer e se gostou do resultado!

Beijos,
Camy!

2 comentários:

Stela Schulz Martins disse...

Oii lindinha , eu fico muito feliz que tenha gostado da revista, bjinhos!!! =D

http://sweetdreamsoficial.blogspot.com/

Curiosa disse...

Eu adorei! Muito fofa mesmo!

Beijos,
Camy!

Postar um comentário

Não se esqueça de deixar seu comentário aí embaixo!

Related Posts Plugin for WordPress, Blogger...