23/12/2014

Post Footer com Imagem de Comentários

Encontrei uma dica bem legal para vocês! Um forma de personalizar o Post Footer, vejam:



É mais simples do que imaginam, basta colocar esse código antes de ]]></b:skin>

 /* ************************** Comentários por gave crazy************************** */
.post .post_comm {    background-image: url("http://static.tumblr.com/gofnwxm/cHmm9p50n/comentarios-87.png");    background-repeat: no-repeat;    color: #FFFFFF;    float: right;    font-family: Helvetica;    font-size: 27px;    font-weight: bold;    height: 61px;    line-height: 24px;    margin-top: -62px;    padding-left: 18px;    padding-right: 0;    padding-top: 13px;    text-align: left;    width: 179px;}.post .post_comm a {    color: #FFFFFF;    font-family: Lobster;}
.post .post_comm a:hover{    color: #FFFFFF;    font-family: Lobster;}


-
Esse código está igual ao nosso, para modifcar basta substituir a imagem e se quiser mudar a cor da fonte, o posicionamento e etc... Fiquem a vontade.

Créditos: Gave Crazy 

Nenhum comentário:

Postar um comentário