25 de nov. de 2012

Formulário para Contato em PHP [Personalizado]

Olá galera do mau.. (pra quem assiste Marcelinho) "Deixa eu ajeitar meu cabelinho", que vou passar um tutorial para vocês de como colocar um Formulário para Contato Personalizado... Infelizmente esse código não pega no Blogger por que é em PHP e o Blogger não suporta. Em fim.. vamos a postagem:

Demonstração

Primeiramente adicione o enviar.php na sua pasta do seu site.

enviar.php

<?php

$nome=$_POST[nome];//aqui pega os dados que foram preenchidos la no formulário com o ID NOME
$email=$_POST[email];//aqui a mesma coisa, mas com o email
$assunto=$_POST[assunto];//aqui a mesma coisa, mas com o assunto
$mensagem=$_POST[mensagem];//aqui a mesma coisa, mas com o assunto
$tema=$_POST[tema];

mail("seu e-mail@hotmail.com","$assunto","
Nome: $nome
Email: $email
Assunto: $assunto
Mensagem: $mensagem","FROM:$nome<$email-->");

echo "<strong>ENVIADO!</strong> Obrigado pelo contato!"; // Mensagem de Confirmação
?>

*obs: Caso você salve esse código no bloco de notas, salve com o nome enviar.php. E salve aonde você salvou o index.php. Não esqueça de colocar o e-mail que você quer que receba o preenchimento do formulário.

Agora adicione o formulário.php na página que você quer.

formulário.php

<div id="boxform">

<form name="form1" method="post" action="nav/enviar.php">
<input class="formulario" placeholder="Nome Completo" name="nome" type="text" id="nome">
<input class="formulario" placeholder="E-Mail" name="email" type="text" id="email">
<input class="formulario" placeholder="Assunto" name="assunto" type="text" id="assunto">

<textarea class="formulario2" placeholder="Mensagem" name="mensagem" wrap="VIRTUAL" id="mensagem"></textarea>

<br />
<input type="submit" name="Submit" class="button" value="Enviar Pedido">
<input type="reset" name="Reset" class="button" value="Limpar">
</form>
</div>

Agora vamos adicionar o CSS do Form...

Vá no style da sua página, e adicione o css abaixo:

#boxform {
float: left;
margin: 40px 0px 0px 80px;
}
.formulario{
background:#f4f4f4;
border-radius:10px;
width: 675px;
padding: 7px;
border:none;
color:#7c9892 !important;
font-family: "Arial";
margin-bottom:5px;
font-size:15px;
}
.formulario2{
background:#f4f4f4;
border-radius:10px;
width: 675px;
height:80px;
padding: 7px;
border:none;
color:#7c9892 !important;
font-family: "Arial";
margin-bottom:5px;
font-size:15px;
}

Agora é só editar o CSS de acordo com seu tema.

Espero que tenham gostado, e até o próximo tutorial!

3 comentários:

  1. Muito bom obrigado por ter postado esse tutorial.
    tava querendo ele mais cedo ! :D

    ResponderExcluir
  2. Pois ér, me avisaram dai decidir postar!

    ResponderExcluir
  3. Highlander Nao sei se esse arquivo php que vc postou esta funcionando pois ele envia os email ao contrario kkk
    na caixinha que as pessoas tem que digitar o email delas para aparecer para mim esta bugado.
    so vai pro email da pessoa quando digita la descobri isso quando eu pus o meu outro email dai foi pro email que eu coloquei sera que ta tudo certo ae man ?

    ResponderExcluir