sábado, 30 de junho de 2012

Como colocar uma imagem no título da postagem

Olá penguins designers, como estão?
Corine4090 aqui! Hoje vou ensinar como fazer e colocar uma imagem no título da postagem, ela é mais ou menos assim:


Para fazer é muito fácil! Primeiro araste essa imagem para uma nova guia, depois salve. Essa imagem é editável no Fireworks, então faça ela como quiser, pois esse é um modelo. Feito isso, hospede-a. Agora, chegou a hora de fazermos algumas alterações no HTML do seu blog:



Aperte Ctrl+F, e escreva post h3, selecione, e por fim delete. 


Ao remover o post h3, ficará como na imagem acima. Na linha abaixo do } , coloque o seguinte HTML

.post h3 {background-image:url(LINK DA IMAGEM DA POSTAGEM AQUI);color:#ffffff;text-shadow:1px 1px 0px #ffffff;font-size:18px;font-weight:regular;line-height:32px;letter-spacing:-1px;padding:0 0 0px;text-align:center;height:36px;margin-left:-5px;padding-left:10px;padding-top:3px}}
Onde escrevi LINK DA IMAGEM DA POSTAGEM AQUI você deve colocar o link da imagem que você hospedou.
Bom designers, nosso tutorial chegou ao fim.



3 comentários: