30 de ago. de 2012

Blockquote com imagem de fundo


Se tem uma coisa que adoro em um blog é o Blockquote. Não me pergunte porque, mas adoro aprender modos diferentes de personalizá-lo. Desta vez, é com imagem no lugar do fundo. Já ensinei aqui blockquote com aspas, e mais dois tipos diferentes deles. Ensinei também o que é e como usar, o que não falta nesse blog é blockquote! Veja um preview desse blockquote aqui.

1Vá no HTML do seu blog, aperte CTRL+F e procure por:

]]></b:skin>

2- ACIMA disso, cole:

blockquote {
border: 1px dashed #327613; /* cor da borda */
background-image:url( http://img515.imageshack.us/img515/9009/cupcakebymiemiechan3d2d.jpg );
background-repeat:repeat; /* repetição da imagem */
padding: 10px; /* espaçamento do texto */
font-size: 12px; /* tamanho da fonte */
color: #3A751F;  /* cor da fonte */
text-align: center; /* alinhamento do texto */
-webkit-border-radius: 4px; /* bordas arredondadas */
-moz-border-radius: 4px; /* bordas arredondadas */
border-radius: 4px; /* bordas arredondadas */
}
Se quiser, troque a parte de vermelho pela imagem de sua preferência.


Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar

Nenhum comentário:

Postar um comentário

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!