Imagem ao Lado de Títulos


Bom, vou fazer um tutorial baseado no do Dicas para Blogs de como por a imagem não só ao lado de um título de postagem, mas, de qualquer outro como o do próprio Cabeçalho do blog.

Para começar, aperte CTRL+F, procure tags como h1, h2 e h3 escrito ao lado por exemplo widget-title (Título das sidebars e extensões), post-title (título do Post), e por aí.

Quando achar uma dessas tags, elas estarão ás vezes com um código de cor assim por exemplo
background: #ffffff, ou, background-color: #ffffff


No lugar de um desses códigos coloque esse código:
background-image: url(link da sua imagem);
background-repeat: no-repeat;
background-position: left top;


Caso a imagem escolhida fique desalinhada ou meio bugada, você pode por no lugar do código acima, esse código:
background-image: url(link da sua imagem); padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: left top;


No lugar dos zeros você coloca outros números para alinhar melhor a imagem, sendo que:



  1. O primeiro zero alinha para cima
  2. O segundo, para a direita
  3. O terceiro, para baixo 
  4. O quarto, para a esquerda
Dúvidas, comente.



0 comentários:

Postar um comentário

Compartilhe

Twitter Facebook Digg Stumbleupon Favorites