28 de maio de 2012

Tutorial: Personalizando o blockquote

7288935852_819e12955c_large
Oi!
Queria agradecer a ajuda de vocês nos últimos posts,Obrigada!
Já tirei várias dúvidas,e resolvi trazer um tutorial bem facinho pra vocês.
O tutorial fala de como personalizar seu blockquote.
Pra quem não sabe:
Isso é blockquote

 Basta você escolher um modelo,e colar o código em cima de ]]></b:skin> e faça as alterações usando a tabela de cores:

.post blockquote {
background: #f5f5f5;

border-bottom: 3px solid #DAA520;

color: #bebebe;

font-family: tahoma;

font-weight: normal;
font-size: 11px;
text-align: right;
padding: 3px;
border-radius: 25px;
}
 
.post blockquote {

background: #f5f5f5;

border: 1px solid #00688B;

color: #00688B;
font-family: century gothic;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 7px;
border-radius: 25px;
}
 

.post blockquote {

background: #fff;

border-left: 1px solid #00868B;
border-top: 1px solid #00868B;
border-bottom: 1px solid #00868B;
border-right: 3px double #00868B;
color: #696969;
font-family: courier;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 7px;
}
Mude as cores onde começa com #,já mais apague o ponto e virgula no fim da frase!
Pegue as cores aqui.
Espero que tenha sido útil!
Créditos: Kawaii Word
Beijos! 

4 comentários:

Unknown disse...

Oi amor, obrigada por ter acessado meu bloguito, quero te ver lá de novo. Seguindo aqui.
Beijos ♥

http://patricinhasdorock2.blogspot.com

Unknown disse...

Pode deixar amore!!
Sempre estarei por lá!
Beijus!

Larissa disse...

Claro que sigo. Prontinho. E obrigada pela visitinha. Volta lá. Beijo.

http://vitaminadepimenta.blogspot.com.br/

Unknown disse...

Brigada por seguir amore!
Vou passar sim...
Beijos