sexta-feira, 11 de julho de 2014

Faixa no titulo da postagem



Sabem a faixinha que a gente pode usar como subtítulo de postagem? Então, hoje aprenderemos como faze-la. Não lembro em que blog peguei o tutorial, mas se alguém souber ou até mesmo eu lembrar edito o post e coloco aqui. 







 Para colocá-la, entre em seu HTML e procure por 
}]]></b:skin> 
Acima dele cole:
/* Faixinha de subtítulo */
.table{
background: url(url da faixinha)no-repeat;
color: #fff; /* cor da fonte */
font: italic 15px georgia; /* itálico, tamanho e nome da fonte*/
padding: 3px; /*distanciamento em relação a margem*/
width: 255px; /*largura da imagem*/
height: 30px; /*altura da imagem*/
text-align: left; /*alinhamento*/
margin-left: -35px; /*margem esquerda*/
}
Ajuste de acordo com seu gosto, se não ficar bem posicionado é só alterar o valor de margin-left até ficar certinho.

Toda vez que quiser usar a faixinha na postagem, clique na aba HTML (fica do lado da aba "Escrever") e cole o seguinte código:
<div class="table">Texto aqui</div> 

Nenhum comentário:

Postar um comentário

Carregar mais...

Leia as regras:
✖Todos os comentários são lidos e respondido previamente.
✖Seu comentário precisa ter relação com o assunto do post.
✖Não xingue ou desrespeite a dona e os outros comentaristas
✖ Não façam perguntas pelos comentários. Faça na Ask.
✖ Sugestões e críticas construtivas são bem vindas, ofensas não.
✖ Deixe o link do seu blog no final do comentário (sem o http://, para não ser considerado spam) e assim eu possa retribuir a visita ♥
Leu tudo?
Então comente!