31 de ago de 2012

Tutoriial - Personalize o titulo da postagem

oie morecos tudo beem?! espero que sim! 

 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

                                                    background: #E4E4E4;
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.

Nenhum comentário:

Postar um comentário

© Encanto Backgrounds
Design por: Bia Melo e Tay Calaon, Código base por: Raphael Cardoso.