Colocando uma imagem no fundo dos títulos dos posts


Mais um tutoriais simples que pode ser aplicado ao seu blog para dá um "tcham" a mais.
O código é simples, o que complica é só ajustar as margens (como na hora de por fundo na c-box). Só lembrando que esse tutorial foi feito no modelo Viagem (Travel) do blogger, então o código correspondente ao título dos posts pode ser diferente em outros modelos.



Abra o blogger, vá em design > Editar HTML.
quando a caixa abrir dê um click dentro e depois CTRL+F
Agora na caixa de pesquisa procure por:


h3.post-title {

Cole logo abaixo desse trecho o seguinte código: 

background:transparent url(LINK DA IMAGEM AQUI) no-repeat bottom; padding: 40px 5px 5px 50px;

Coloque o link da imagem onde se pede.

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);
Odnei Sales
Odnei Sales

This is a short biography of the post author. Maecenas nec odio et ante tincidunt tempus donec vitae sapien ut libero venenatis faucibus nullam quis ante maecenas nec odio et ante tincidunt tempus donec.

Nenhum comentário:

Postar um comentário