Tutorial - Personalizar o Post-Footer


Yoo britânicas!

Vim trazer um tutorial para vocês, antes de ver se a preguiça me deixa terminar o resto que falta do blog.

O tutorial de hoje, é como colocar aquelas famosas "linhas" na parte em que fica "Autora" e "Marcadores". As famosas linhas se chamam post-footer para quem não sabia o nome.

Para quem ainda não sabe do que eu estou falando, aqui vai uma imagem explicando o que é.

(clique na imagem, para ver melhor)


Se quiser saber como fazer isso, veja o resto da postagem.



Vá em Editar HTML ~> Ctrl + F e procure por:

]]></b:skin>

Cole acima dessa tag, o código abaixo:


.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 */
}

Faça as alterações necessárias. Lembrando que você pode mudar o estilo da borda por:

Dashed: Linha tracejada
Dotted: Linha pontilhada
Solid: Linha reta

O #BBB é a cor da linha que você quer deixar.

Super simples né?

Nenhum comentário:

Postar um comentário