11 novembro 2012

Como Fazer Uma Blockquote



Hello, amores! Hoje trago mais um tutorial para vocês. Fazia um tempinho que não trazia nenhum.. mas, a contar de hoje, toda segunda-feira postarei tutos (se tudo der certo). O tutorial dessa semana, como puderam ler no título, é de como colocar ou personalizar Blockquote. Ãhn? Blockquote? Blockquote é uma caixinha no post onde você pode colocar avisos, códigos e outras coisas. 
Essa caixinha, viram? 

Vamos aprender?




Vamos lá. 

Vá em design, Editar HTML, Prosseguir e dê Ctrl + f ou f3 e procure na caixinha que aparecer por ]]></b:skin>.

Acima/do lado desse código cole este outro:
.post blockquote {
margin: 1em 13px;
background: #9AE3ED;   /*cor do fundo*/
border: 1px solid #E85A93;   /*cor da borda*/
border-left: 7px solid #E85A93;   /*cor da borda*/
padding: 8px;   /*espaçamento do texto*/
font-size: 10px;   /*tamanho da fonte*/
font-family: tahoma;   /*tipo da fonte*/
color: #000000;   /*cor da fonte*/
}
Altere o que está destacado.

O código das cores já prontas você pode pegar aqui, e o código das cores que você "criar" pegue aqui.

Não sabe como usar o block quote?
Simples, quando for fazer seu post, selecione este botão brilhante da imagem e escreva o que quiser que fique no Block Quote:


Gostaram do tuto? 
Dúvidas podem comentar que eu sempre responderei!

E mandem sugestões de tutoriais também, amores. ♥

Beijos

OBS: Tudo pego do blog Grande Distração

Nenhum comentário:

Postar um comentário