Colocando background no formulário de contato

Pois é gente quem é vivo sempre aparece né?  (risos) .. Hoje eu trouxe a minha cara de pau junto (?) pois vou ensinar um tutorial que havia prometido a séculos , mais por ser tão fácil eu acabava deixando o assunto de lado.

Enfim hoje vocês vão aprender como colocar um background no formulário de contato assim como o meu ( clique para ver um exemplo ).

Pra fazer um formulário como o meu é só seguir este tutorial (clique). Mais também funciona caso seu formulário seja de outro site, ok?

 1° Você precisa criar uma imagem que servira como o fundo (background) do seu formulário. Eu fiz alguns exemplos caso alguém queira usar ... 

- Rosa

- Laranja

- Azul

 Quem quiser deixar mais personalizado pode usar usar minha página de (enviar um post) como inspiração!

 2° Agora hospede a imagem em algum site que faça isso gratuitamente por exemplo: imgur.com

 3°Antes do código do seu formulário coloque este:

<div style="background:url(URL DO SEU backgound) no-repeat;padding-right:20px;padding-left:20px;padding-top:30px;padding-bottom:10px;">

Não esqueça de colocar a url do seu background no lugar indicado! 

 Como pegar a url de uma imagem? clique em cima da imagem com o botão direito do mouse e selecione '' copiar url da imagem ''. Só isso

Note que o background e o formulário estão meio desajustados, então altere os números grifados em azul até colocar tudo em seu lugar!

padding-right: equivale á margem direita;

padding-left: equivale á margem esquerda; 

padding-top: equivale á margem de cima;

padding-bottom: equivale a margem de baixo

 4° Após fazer os ajustes necessários após o código do formulário adicione a tag </div> pronto agora é só visualizar e se estiver tudo ok salve.

Espero que tenham gostado do tutorial de hoje ;D