01 outubro, 2011

Personalizar o título das postagens

「 桜の花が落ちる。 」 | via Tumblr

Hey People :3

Hoje vou ensinar 4 maneiras de editar os títulos das postagens.
Merecidos créditos :



Título centralizado

Vá até o HTML do seu blog e pesquise por :
h3.post-title {

Logo abaixo da tag pesquisada, cole o seguinte código :
text-align: center;

Caso queira o título alinhado à direita, substitua center por:   right

Fundo Colorido

Vá até o HTML do seu blog e pesquise por :
h3.post-title {

Logo abaixo da tag pesquisada, cole o seguinte código :
background: #E4E4E4;

Edite a cor de acordo com seu gosto. >> Clique aqui para se direcionar a tabela de cores  <<

Divisória abaixo do título

Vá até o HTML do seu blog e pesquise por :
<div class='post-header'>

Logo abaixo da tag pesquisada, cole o seguinte código :
<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:
<img src="LINK_DA_DIVISÓRIA"/>

E onde está negritado, cole o link da imagem da divisória que você quer que fique abaixo do título.

Imagem como fundo da postagem

Novamente vá até o HTML do seu blog e pesquise por :
h3.post-title {

Após as chaves :   {    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.

Bjss!

Nenhum comentário:

Postar um comentário