Publicado em 19 de mai.

Como enviar um formulário para o e-mail sem mudar o css?

Boa noite amigos webmasters, Sou designer, sei só o básico de html e css, o suficiente para editar alguns templates, tenho o seguinte formulário, e gostaria de direciona-lo para o meu e-mail, mais sem alterar a aparência do css. Desde já agradeço a ajuda. Grato Phillipi Paiva

Qualquer opinião, ou algo faltando só postar o/

<div class="column-460 contact-form contact-us-x">
 <form id="contact-form" method="post" action="#" enctype="application/x-www-form-urlencoded">
 <label for="name">Nome *</label>
 <input type="text" id="name" name="contact[name]" style="background-color:transparent;" />
 <label for="name">E-mail *</label>
 <input type="text" id="email" name="contact[email]" />
 <label for="name">Assunto *</label>
 <input type="text" id="subject" name="contact[subject]" />
 <label for="name">Mensagem *</label>
 <textarea id="message" name="contact[message]" cols="42" rows="7"></textarea>
 </form>
 <input type="button" id="submit-mail" value="SEND" />
 <div id="mail-message">

 <table>
 <tr>
 <td>
 <div id="mail-message-window">
 <div id="mail-message-header"></div>
 <p id="mail-failure">Unable to send your email!</p>
 <p id="invalid-email">Please enter valid email address!</p>
 <p id="empty-field">Please fill out all the fields in order to send us a message.</p>
 <p id="mail-success">Your email has been successfully sent to Aesthetica©DryThemes!</p>
 <input type="button" id="mail-message-btn" value="OK" />
 </div>
 </td>
 </tr>
 </table>
 </div>
 </div>

Discussão (7)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

jacques030498· 19 de mai.

Você está falando enviar para o e-mail?

Tipo, quando eu clico em Enviar vai uma mensagem pro seu e-mail?

Phillipi Paiva· 19 de mai.

Isso, enviar para o e-mail mesmo.

jacques030498· 21 de mai.

>
Isso, enviar para o e-mail mesmo.

Então, para fazer isso você precisará usar PHP, ou então deverá abrir um programa no seu computador para depois clicar manualmente em enviar e logo após ter uma conta no hotmail, para depois enviar o e-mail...

Prefiro usar PHP para fazer isso, pois não gasta tanto tempo do usuário para enviar o e-mail, demora menos de 2 segundos para enviar, dependendo do seu servidor e da net no usuário.

Você vai usar PHP ou o segundo método? Responda e eu irei enviar o código... ;)

Phillipi Paiva· 21 de mai.

Bom, ainda não sei nada de php, pode me mandar sim, e um minitutorial para aplicar no meu código :]

Obs: Se possível o/

jacques030498· 21 de mai.

>
Bom, ainda não sei nada de php, pode me mandar sim, e um minitutorial para aplicar no meu código :]

Obs: Se possível o/

Aqui está um código para pegar os dados dos campos, verificar se todos eles tem algum valor e enviar o email:

<?php
$nome = $_POST['nome'];
$email = $_POST['email'];
$assunto = $_POST['assunto'];
$mensagem = $_POST['mensagem'];

if(!empty($_POST['nome']) && !empty($_POST['email']) && !empty($_POST['assunto']) && !empty($_POST['mensagem'])) {

$msg = "<font face='Verdana' size='1'><b>Nome:</b>	\t$nome</font><br>";
$msg .= "<font face='Verdana' size='1'><b>E-Mail:</b>	\t$email</font><br>";
$msg .= "<font face='Verdana' size='1'><b>Assunto:</b>	\t$assunto</font><br>";
$msg .= "<font face='Verdana' size='1'><b>Mensagem:</b>	\t$mensagem</font><br>";

$mensagem = "$msg";
$remetente = $email;
$destinatario = "seu@email.com";
$assunto = "$assunto - By: $nick_habbo";

$headers = "From: ".$remetente."\nContent-type: text/html"; # o 'text/html' é o tipo mime da mensagem if(!mail($destinatario,$assunto,$mensagem,$headers)){ print "falha no envio da mensagem"; } else {

echo "Olá " . $nome . ", formulário enviado com sucesso!";
}

} else {

echo "Você deixou 1 ou mais campos em branco!";
}
?>

Vou explicar o código...

Nessa parte:

$nome = $_POST['nome'];
$email = $_POST['email'];
$assunto = $_POST['assunto'];
$mensagem = $_POST['mensagem'];

pega o nome, email, assunto e mensagem, que foram enviados do formulário (OBS: No caso, o name dos campos do formulário precisam ser tipo isso: "name='nome'")

Nessa parte:

if(!empty($_POST['nome']) && !empty($_POST['email']) && !empty($_POST['assunto']) && !empty($_POST['mensagem'])) {

verifica se os campos nome, email, assunto e mensagem foram preenchidos corretamente, caso contrário o PHP pula para essa parte:

} else {

echo "Você deixou 1 ou mais campos em branco!";
}

que mostra uma mensagem na página.

Nessa parte:

$msg = "<font face='Verdana' size='1'><b>Nome:</b>	\t$nome</font><br>";
$msg .= "<font face='Verdana' size='1'><b>E-Mail:</b>	\t$email</font><br>";
$msg .= "<font face='Verdana' size='1'><b>Assunto:</b>	\t$assunto</font><br>";
$msg .= "<font face='Verdana' size='1'><b>Mensagem:</b>	\t$mensagem</font><br>";

a mensagem é estilizada e digitada para ser enviada ao e-mail.

Nessa parte:

$mensagem = "$msg";
$remetente = $email;
$destinatario = "seu@email.com";
$assunto = "$assunto - By: $nome";

$headers = "From: ".$remetente."\nContent-type: text/html"; # o 'text/html' é o tipo mime da mensagem

é definida a mensagem, e-mail do rementente, e-mail do destinário (e-mail para onde você quer enviar o e-mail), o assunto e as mensagens de cabeçalho (que não serão mostradas no e-mail).

(OBS: altere o que você achar necessário).

Nessa parte:

if(!mail($destinatario,$assunto,$mensagem,$headers)){
print "falha no envio da mensagem";
} else {

echo "Olá " . $nome . ", formulário enviado com sucesso!";
}

por fim, envia e verifica se o e-mail foi enviado corretamente. Se foi enviado vai mostrar uma mensagem de sucesso, caso contrário mostrará um erro.

----------------

Para hospedar o código, copie ele e salve com o formato .php

Exemplo: enviar.php

Altere o que achar necessário no código, se tiver dúvidas pergunte por MP ou pelo meu e-mail: jacques_lourenzo11@hotmail.com

Espero ter ajudado... ;)

----------------

PS: Ajudei? Clica no + ali do lado >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Phillipi Paiva· 22 de mai.

Tem como clicar 7 vezes no + não né ? :\ Que Pena

VERY THANKS NEGO, você sabe agora o que é salvar a vida de uma pessoa, rapidinho, pra eu inserir esse código para funcionar meu site como é ?

Grato o/

jacques030498· 22 de mai.

>
Tem como clicar 7 vezes no + não né ? :\ Que Pena

VERY THANKS NEGO, você sabe agora o que é salvar a vida de uma pessoa, rapidinho, pra eu inserir esse código para funcionar meu site como é ?

Grato o/

Acho que da pra dar + nos outros posts meus desse tópico

Não foi nada te ajudar, quando precisar to aí :D

Primeiro você copia o código que eu postei no post anterior, depois você abre o bloco de notas e cola o código, clica em Salvar e digita isso: "enviar.php" (recomendo digitar com as aspas, para não ocorrer nenhum erro de formato. Onde está escrito enviar você pode substituir para nome, 123, etc...). Por fim você vai precisar enviar/hospedar em um servidor/hospedagem online, tem muitas delas que são grátis e aceitam PHP...

Depois de hospedar é só você enviar o formulário HTML que, automaticamente, será enviado para o seu e-mail.

Algumas hospedagens grátis: http://www.000webhost.com/, http://www.freewebhostingarea.com/, http://www.atspace.co.uk/

Lembrando, qualquer coisa é só falar ;)