27 abril 2014

Posted at  11:53  |  in  

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

Share this post

About Naveed Iqbal

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim venenatis fermentum mollis. Duis vulputate elit in elit. Follow him on Google+.

0 comentários:

About-Privacy Policy-Contact us
Copyright © 2013 Testes para Blogs. Blogger Template by Bloggertheme9
Published..Blogger Templates. Powered by Blogger.
back to top