sexta-feira, 1 de junho de 2012

Personalizar Post Footer

Hey, girls and boys, hoje resolvi trazer um tutorial pra vocês que a Yaman (ai, que nome lindo) me pediu. Sabe o jeito que eu personalizei o meu post footer? Pra quem não sabe o que é, aí tem um print:

Clique para ver em tamanho maior
Então, eu coloquei esses pontinhos, não é? Essas linhas. Vou ensinar como colocar agora!
Vá em Design, Editar HTML, dê Ctrl + F e procure por ]]>
Logo depois de ter achado, cole o seguinte código ACIMA da tag procurada:
.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, faça as alterações. Lembrando que você pode trocar o estilo da borda por dashed, dotted e solid. Dashed é tracejado, dotted é pontilhado e solid é a linha reta. Você também pode trocar a cor.
Muito simples, né? Gostaram? Beijos.

Nenhum comentário:

Postar um comentário