quinta-feira, 13 de setembro de 2012

Como fazer um blockquote personalizado

Meu segundo post de hoje é de um tutorial: como fazer um blockquote personalizado. Para quem não sabe, blockquote é isso:
Exemplo de blockquote! 
Em primeiro lugar, quero creditar outro site de tutoriais, o Cherry Bomb.
1 - Abra o painel do seu blog, clique em Modelo  > Editar HTML.

2 - Aperte CTRL+F e procure por: ]]></b:skin>

3 - Acima desse código, cole esse outro:
.post blockquote {
background:url(LINK DA IMAGEM DE FUNDO AQUI) ; /*Altere o fundo como preferir*/
border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/
padding: 5px;
margin:10px 20px 10px 20px;
}

Depois é só você alterar como quiser. Caso em vez de background você prefira somente uma cor, troque:
background:url(LINK DA IMAGEM DE FUNDO AQUI) ; /*Altere o fundo como preferir*/
 
Pelo #códigodacor e aí, pronto!


 
 

Nenhum comentário:

Postar um comentário