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:
Altere o que está destacado..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*/
}
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. ♥
Nenhum comentário:
Postar um comentário