Imagem de fundo na postagem

quarta-feira, 27 de fevereiro de 2013


Para colocar uma imagem de fundo na postagem, basta copiar o código abaixo e cola na área da postagem em html, depois clique em escrever e coloque o texto que quiser.

<div style="background-image: url(Endereço da imagem de fundo); padding: 5px;">
 Aqui vai o conteúdo </span></div>

Escolha o tipo de letra e a cor e digite o texto que quiser no local demarcado como "Aqui vai o conteúdo". Você pode ver o resultado neste post aqui.

A imagem precisa ser maior que a área da postagem, pois o próprio código se encarrega de redimencionar a imagem  e deixá-la proporcional.

 Aproveite bem e tenha sucesso!



2 comentários:

  1. Amigo,
    Se eu quiser o texto (ou uma imagem qualquer) no centro da imagem de fundo, com margem em todos os lados, como fica esse código ?
    Grato.
    Eduardo Macedo

    ResponderExcluir
    Respostas
    1. Eduardo, pra fazer isso você não precisa de código.
      A maneira de fazer isso é só escolher o "alinhamento de texto central" na barra acima da área do seu texto.
      Dê ENTER 3 ou 4 vezes para dar a margem superior;
      Como o cursos ficará sempre centralizado, você escolhe a largura do texto;
      A margem inferior é feita dando ENTER umas 3 ou 4 vezes, mas você terá que colocar alguma coisa depois ( um ponto, um "Obrigado") ou não vai funcionar;
      Claro que, antes de tudo isso, você precisa usar o código acima:
      Clique "HTML" e cole o código e depois clique em "ESCREVER" e apague o trecho "Aqui vai o conteúdo".
      Agora é só escrever o seu texto.
      Espero ter respondido.
      Abraço!

      Excluir

Obrigado por sua visita!
Seu comentário será publicado e respondido o mais rápido possível.
Por favor:
- Coloque seu nome no comentário;
- Não faça spam (o comentário será excluído);