Entenda que no título da postagem você pode personalizar apenas a fonte, a cor e o tamanho pelo designer de modelo, certo? Então vou ensinar para vocês algumas outras coisas básicas que dá para personalizar através do HTML do seu layout. Básicas, mais que fazem diferença! Vamos começar? Clique no leia mais para ver o tutorial completo.
Fundo colorido
Continue no mesmo trecho (h3.post-title {), e abaixo dessa tag cole o código abaixo
Substitua #E4E4E4 por uma destas cores, se preferir.
Divisória abaixo do título
Design » Editar HTML » Expandir modelos de widgets, e proucure por:
<div class='post-header'>
Logo acima dele, cole:
<div style="border-top: 1px dashed #707070"></div>
Entenda: 1px é a expressura da divisória, dashed é o modelo (pontilhado) e #707070 a cor. Caso queira uma imagem, apenas adicione acima da tag este código:
Caso seu layout tenha duas tags iguais (a que se pede para proucurar), uma não vai funcionar quando você salvar/visualizar, e obviamente cole acima da outra tag e visualize, caso estiver tudo certo, salve.
Imagem como fundo da postagem
Novamente, vá até Design » Editar HTML e localize a tag:
h3.post-title {
Após a chave ({), cole o código abaixo:
background-image: url ('LINK_DA_IMAGEM');width: 500px;height: 40px;
Agora faça as devidas alterações: 500px é o valor da largura do seu fundo do título, e 40px a altura.
Fonte: Cantinho Backgrounds
Nenhum comentário:
Postar um comentário