27 abril 2014

Faixinha em tableless

26/03/2013


Sabem a faixinha que uso 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. A faixinha ficará semelhante a essa:
Exemplo
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> 



http://goimagines.blogspot.com.br/2013/03/faixinha-em-tableless.html
Reações:

0 comentários:

Postar um comentário