16/06/2011

Fundo nas títulos dos posts




Hoje vou ensinar como por uma imagem ou cor diferente no fundo do tírtulo dos posts do blogger. Fica um efeito lindo. Um blog que tem isso como exemplo é o Cherry bomb!Olhe como fica lindo:




O código é simples, mas complica quando você vai ajeitar as margens...


ATENÇÃO: Este tutorial foi testado no modelo  Viagem (Travel) do blogger, então o código correspondente ao título dos posts pode ser diferente em outros modelos.



TUTORIAL...


1.No seu blog, vá em Design> Editar HTML.


2.Dê CTRL+ F e procure por:


h3.post-title {


3. Cole ABAIXO do HTML acima esse código:


background:transparent url(LINK DA IMAGEM AQUI) no-repeat bottom;
align: center;
margin:.25em 0 0;
padding: 40px 5px 5px 50px;



4.Em "LINK DA IMAGEM AQUI" você coloca o link da imagem que você quer como background.


5.  As medidas do "padding" deste código se ajustam á uma imagem de 500x60 pixels. Se a imagem que você for usar tiver um tamanho diferente, você terá que alterar os valores do padding. Lembrando que as medidas do padding seguem esta ordem:


padding: 1px (topo), 1px (direita), 1px (abaixo), 1px (esquerda);


Se quiser só uma cor e não um background  é só botar esse código abaixo em vez do 1° que eu mostrei:


background-color: #codigodacor;


AQUI te uma tabela de cores.


bye, bye...

Nenhum comentário :

Postar um comentário