Aprenda a fazer um caixinha assim *-*
Essa caixinha serve pra deixar códigos em html em destaque e também para colocar alguns avisos no blog.
Para fazer vocês vão precisar de uma tabela de cores em html á um clique {www} e de algum background de sua escolha, vou deixar alguns exemplos no fim do post.
O código básico é esse, mas para achar e mudar a caixinha pressione ctrl + f
<div style="width: 200px; height: 100px; background-color: #ffffff; border-color: #000000; border-width: 1px; border-style: solid; color: #000000; font-size: 12px; font-family: Century Gothic; overflow: auto;">SEU TEXTO AQUI</div>
Você pode copiar desse jeito e vai ficar como a caixinha acima, ou como a primeira de cima do post. Vamos editá-la e deixar a tal com a cara do seu blog.
Widht = a largura
Height = a altura.
Com essas informações você já pode definir para que vai usar. Agora vamos ao design dela lembrando que para mudar as cores, você só precisa trocar os códigos usando a tabela que passei o link mais em cima.
Font-size= tamanho da fonte
Font-family= nome da fonte
Border-color= cor da borda.
Background-color= cor do background
Já para os backs desenhados, ou código é outro.
Substitua: background-color: #ffffff;
Por: background-image: url(linkdasuaimagem) repeat
Dicas para blog sweet :
.Cores
#FA8072 -Salmon
#FF69B4 - Hot Pink
#FFBBFF- Plum1
. Backs
Dicas para blog rocker:
.Cores
#9932CC - Darck Orchid
#FF1493 - Deep Pink
#1C1C1C- Grey 11
.Backs