03/07/2013

[Tuto]: Post Footer personalizado

Tumblr_log9egexdu1qiq1wuo1_500_large
Olá amores! Vocês estão bem? Eu ultimamente, vocês sabem, ando muito bem amiga de css e hoje consigo terminar um layout *U* Bem, o tuto hoje é de como personalizar o post footer. Se você ainda não souber o que é, veja abaixo:
Créditos da Imagem: On The Fame


Para personalizar o seu post footer, como o do OTF, siga esses passos:
Vá em Design, Editar HTML, dê Ctrl + F e procure por ]]></b:skin>
Logo depois de ter achado, cole o seguinte código acima do código encontrado:

.post-footer-line-1{ border-bottom: 1px dotted #BBB; /* Estilo da borda */ font-size:11px; /* Tamanho da fonte de letra */ } .post-footer-line-1{ border-bottom: 1px dotted #BBB; /* Estilo da borda */ font-size:11px; /* Tamanho da fonte de letra */ } .post-footer-line-2{ border-bottom: 1px dotted #BBB; /* Estilo da borda */ font-size:11px; /* Tamanho da fonte de letra */ }
Depois se desejar, faça as alterações. Lembrando que você pode mudar o estilo da borda por dashed, dotted e solid. Dashed é tracejado, dotted é pontilhado e solid é uma linha reta. Você também pode trocar a cor. Muito simples, não?

Créditos: 
Beijos,
Vips.

3 comentários:

Luisa Reginatto disse...

Ótimo tutorial!
Seguindo.

http://lagrimas-de-diamante.blogspot.com.br/

✿ Vips ♥ disse...

Obg :))

~ Lili ;3 disse...

É muito legal o resultado :)
Beijos, Lili
Princesa Teen, clique aqui / O blog !
Fan Page / Curta?