quarta-feira, 19 de setembro de 2012

Blockquote para postagens

 
Bom, um amigo meu me mandou uma pergunta, que é como fazer uma blockquote. Para quem não conhece ainda, blockquote é isso:
Exemplo de blockquote.
 

 Vá em Modelo»Editar HTML.
 Aperte CTRL+F e procure por ]]></b:skin>
• Quando achar, cole antes o código abaixo:
.post blockquote {
margin: 1em 13px;
background: #CCCCCC; /*cor do fundo do blockquote*/
border-left: 5px solid #01A9EA; /*cor da borda*/
padding: 5px; /*espaçamento do texto*/
font-size: 12px; /*tamanho da fonte*/
font-family: tahoma; /*tipo da fonte*/
color: #000000; /*cor da fonte*/
}
 
• Altere as cores e os tamanhos, em negrito.
• Se você quiser a borda em outro lugar, ou até mesmo repeti-la, troque left por right, top ou bottom.
• A blockquote estará quadrada, para alterar os valores da borda entre nesse site, copie e cole o código acima de padding: 5px; /*espaçamento do texto*/
• Quando quiser usar a blockquote, clique nesse botãozinho de aspas:

 Créditos ao blog Sem User, porque aprendi lá (por isso a postagem ficou parecida).
 

Um comentário:

Bárbara Cristine disse...

Segue? Amei o blog!!!!
www.garotada-lua.blogspot.com