Vale, te daré el formulario que he creado
primero vas y creas un archivo con el nombre que quieras y con la terminación .html o .php (lo creas en notepad o dw, o el editor que quieres(bloc de notas XD) :]), tambien creas un archivo llamado procesar.php
y dentro de el archivos que creas (con el nombre que quieras XD) pegas esto:
<html>
<head>
<style type="text/css">
#cuadro {
width: 550;
margin-left:auto;
margin-right:auto;
}
.txtformulario {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
color: #33F;
text-decoration: none;
font-weight:bold;
}
.puntitos {
color: #F00;
text-decoration: none;
font-weight:bold;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
}
body {
background-image:url(background.jpg);
background-size: cover;
}
</style>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<center> <img src="logof.png" alt="logo"></center>
<p>
<center><font color="#FF0000" size="6" face="MS Serif, New York, serif">Rellenar el formulario despues de donar es OBLIGATORIO!</font></center>
</p>
<div id="cuadro">
<form name="form1" method="post" action="procesar.php">
<table width="550" border="0">
<tr>
<td width="248"><label for="nombre" class="txtformulario">Nombre
(real)<span class="puntitos">*</span></label></td>
<td width="286"><span id="sprytextfield1">
<input type="text" name="nombre" id="nombre">
<span class="textfieldRequiredMsg">Valor requerido.</span></span></td>
</tr>
<tr>
<td class="txtformulario">Nombre de usuario<span class="puntitos"> * </span></td>
<td><span id="sprytextfield2">
<input type="text" name="user" id="user">
<span class="textfieldRequiredMsg">Valor requerido.</span></span></td>
</tr>
<tr>
<td class="txtformulario">Correo <span class="puntitos">*</span></td>
<td><span id="sprytextfield3">
<input type="text" name="correo" id="correo">
<span class="textfieldRequiredMsg">Valor requerido.</span><span class="textfieldInvalidFormatMsg">Formato invalido.</span></span></td>
</tr>
<tr>
<td><label for="menu2" class="txtformulario">¿Que Pagasté?
<span class="puntitos">*</span></label></td>
<td><span id="spryselect1">
<select name="menu" id="menu">
<option value="Vip" selected>Vip</option>
<option value="desbaneo">desbaneo</option>
<option value=" rangos luego"> rangos luego</option>
</select>
<span class="selectRequiredMsg">Por favor selecciona un item.</span></span></td>
</tr>
<tr>
<td height="26"><label for="codigo3" class="txtformulario">Codigo<span class="puntitos">*<br>
(Codigo que llega a tu celular)<br>
</span></label></td>
<td><span id="sprytextfield4">
<input type="text" name="codigo" id="codigo3">
<span class="textfieldRequiredMsg">Valor requerido.</span></span></td>
</tr>
<tr>
<center> <td colspan="2"><input type="submit" name="enviar" id="enviar" value="Enviar">
<input type="reset" name="borrar" id="borrar" value="Borrar"></td></center>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {validateOn:["blur"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "email", {validateOn:["blur"]});
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["blur"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "none", {validateOn:["blur"]});
</script>
<center><font color="#3300FF" face="Verdana, Geneva, sans-serif">Staff <font color="#CC0000" face="Georgia, Times New Roman, Times, serif">Nolimitserver</font></font></center>
</body>
</html>
y dentro del archivo procesar.php pegas esto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Enviado con exito</title>
</head>
<body>
<?php
// comienzo texto
$nombre = $_POST['nombre'];
$user = $_POST['user'];
$correo = $_POST['correo'];
$menu = $_POST['menu'];
$codigo = $_POST['codigo'];
//el $codigo, $user y eso son variables que las puedes cambiar pero lo puedes cambiar lo que va dentro de [''], eso llamara a la tabla que creaste con su respectivo texto XD(obviamente puedes si cambias el nombre de las tablas( el id) recuerda también cambiar lo que va dentro de [''] o no funcionara
// fin texto
// comienzo estructura
$mailsend = mail ('servidornolimit@gmail.com','Codigos de donaciones',"Nombre: $nombre\r\nUser: $user\r\nCorreo: $correo\r\nPago: $menu\r\nCodigo: $codigo");
if ($mailsend){
echo"CAmbia esto por lo que quieras";
}
else {
echo"Lo siento su correo no fue enviado";
}
// fin estructura
?>
</body>
</html>
VAle, ahora si quieres editar el background buscas body { , para el logo buscas logof.png(nombre que le puse al logo mio XD).
Si quieres agregar mas campos agregas esto:
fijate que este dentro de la etiqueta <table>
<tr>
<td width="248"><label for="nombre" class="txtformulario">Nombre que quieras<span class="puntitos">*</span></label></td>
<td width="286"><span id="sprytextfield1">
<input type="text" name="cambiar esto que sea igual al de id XD" id="nombre que quieras">
<span class="textfieldRequiredMsg">Valor requerido.</span></span></td>
</tr>
Vale despues que lo agregues al archivo en el procesar.php agregas esto
$Nombrequequieras = $_POST['nombre del campo que creaste, EL "id" tal cual como esta escrito '];
* Otra cosa si quieres cambiar el mensaje cuando se envia el correo solo busca esto y cambialo:
echo"Pon aqui lo que quieras XD";
vale otra cosa que se me olvidaba:
$mailsend = mail ('Tucorreo@hotmail.com','Codigos de donaciones',"Nombre: $nombre\r\nUser: $user\r\nCorreo: $correo\r\nPago: $menu\r\nCodigo: $codigo");
esto es lo que te llegara al correo, pon tu correo y cambia las variables, ¿Como? si creas mas variables pones $yelnombredelavariable.
*****TE dejo adjunto los archivos necesarios que utilizaras para que los campis sean oblogatorios******
Los metes donde esten los archivos para que funcione, y le de el estilo a los campos XD
Si no me entiendes manda un mp y te explico mejor XD