Este es el código de mi formulario, con su respectivo CSS, que he editado.
Código:
Este es el código del formulario original, el que me ha dado emailmeform.com<style type="text/css">
.padall {
padding:20px;
}
.ddfmwrap {
display:block;
margin:20px 0px;
padding:5px 20px 20px 20px;
font-family:Helvetica, Arial, sans-serif;
background:#e6e6e6;
border:1px solid #aaa;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.ddfmwrap input {
display:block;
margin:5px 0px 20px 0px;
width:300px;
background:#fff;
border:1px solid #bbb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
height:20px;
line-height:30px;
font-size:1em;
padding:5px;
}
.ddfmwrap textarea {
display:block;
margin-top:5px;
padding:5px;
background:#fff;
border:1px solid #bbb;
width:500px;
height:150px;
font-size:1.1em;
font-family:Helvetica, Arial, sans-serif;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
resize: none;
}
.ddfmwrap label {
font-size:.8em;
font-weight:bold;
color:#555;
}
.ddfmwrap span {
font-size:.8em;
font-style:italic;
color:#777;
}
.ddfmwrap span strong {
color:#555;
}
.ddfmwrap span a {
color:#326a9a;
}
.ddfmwrap span a:hover {
color:#000;
}
.ddfmwrap .submit input, .ddfmwrap button {
height:42px;
font-family:Helvetica, Arial, sans-serif;
font-size:.9em;
width:200px;
background-color:#dedede;
background-repeat:repeat-x;
background-position:0 -540px;
border:1px solid #c4c4c4;
color:#545454;
text-shadow:1px 1px 0px #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-weight:bold;
line-height:40px;
cursor:pointer;
}
.ddfmwrap .submit input:hover, .ddfmwrap button:hover {
background-position:0 -900px;
color:#fff;
text-shadow:-1px -1px 0px #565656;
border:1px solid #484848;
}
.ddfmwrap p {
font-size:.9em;
}
.ddfmwrap .submit input, .ddfmwrap button, .ddfmwrap .submit input:hover, .ddfmwrap button:hover {
background-image:url(images/nav-bars.png);
}
</style>
<h2>Contactanos</h2>
<div class="padall">
<div class="ddfmwrap">
<form id="emf-form" enctype="multipart/form-data" method="POST" action="http://www.emailmeform.com/builder/form/101953">
<div style="text-align: right;"><img alt="" src="http://tutorial9.net/wp-content/themes/leviticus/stylesheets/images/pencil.png" class="alignright" /></div>
<p class="fieldwrap" style="text-align: left;"><label for="fm_name"><span class="required">*</span> Nombre</label><input type="text" id="element_0" name="element_0" value="" size="30" class="validate[required]" autofocus="" /></p>
<p class="fieldwrap" style="text-align: left;"><label for="fm_email"><span class="required">*</span> Email</label><input type="text" id="element_1" name="element_1" value="" size="30" class="validate[required]" /></p>
<p class="fieldwrap" style="text-align: left;"><label for="fm_subject"><span class="required">*</span> Tema</label><input type="text" id="element_2" name="element_2" value="" size="30" class="validate[required]" /></p>
<p class="fieldwrap" style="text-align: left;"><label for="fm_message"><span class="required">*</span> Mensaje</label></p>
</form>
<p><textarea id="element_3" name="element_3" cols="45" rows="10" class="validate[required] "></textarea></p>
<div class="submit"><input type="hidden" name="element_counts" value="4" /><input type="submit" value="Enviar" /></div>
</div>
</div>
Código:
Gracias, y espero que me puedan ayudar. <form action="http://www.emailmeform.com/builder/form/101953" method="post" enctype="multipart/form-data" id="emf-form">
<table cellspacing="0" cellpadding="2" border="0" bgcolor="#ffffff" style="text-align: left;">
<tbody>
<tr>
<td colspan="2" style=""><font face="Verdana" color="#000000" size="2"><br />
</font></td>
</tr>
<tr valign="top">
<td align="left" style=""><font face="Verdana" color="#000000" size="2"><b>Nombre</b></font><span style="color: red;"><small>*</small></span></td>
<td style=""><input type="text" class="validate[required]" size="30" value="" name="element_0" id="element_0" />
<div style="padding-bottom: 8px; color: rgb(0, 0, 0);"> </div>
</td>
</tr>
<tr valign="top">
<td align="left" style=""><font face="Verdana" color="#000000" size="2"><b>Email</b></font><span style="color: red;"><small>*</small></span></td>
<td style=""><input type="text" size="30" value="" class="validate[required,custom[email]]" name="element_1" id="element_1" />
<div style="padding-bottom: 8px; color: rgb(0, 0, 0);"> </div>
</td>
</tr>
<tr valign="top">
<td align="left" style=""><font face="Verdana" color="#000000" size="2"><b>Tema</b></font><span style="color: red;"><small>*</small></span></td>
<td style=""><input type="text" class="validate[required]" size="30" value="" name="element_2" id="element_2" />
<div style="padding-bottom: 8px; color: rgb(0, 0, 0);"> </div>
</td>
</tr>
<tr valign="top">
<td align="left" style=""><font face="Verdana" color="#000000" size="2"><b>Mensaje</b></font><span style="color: red;"><small>*</small></span></td>
<td style=""><textarea class="validate[required] " rows="10" cols="45" name="element_3" id="element_3"></textarea>
<div style="padding-bottom: 8px; color: rgb(0, 0, 0);"> </div>
</td>
</tr>
<tr>
<td align="left" colspan="2"><input type="hidden" value="4" name="element_counts" /><input type="submit" value="Enviar" /><input type="reset" value="Borrar" /></td>
</tr>
</tbody>
</table>
</form>
<div><font face="Verdana" color="#000000" size="2">Powered by</font><span style="position: relative; padding-left: 3px; bottom: -5px;"><img src="http://www.emailmeform.com/builder/images/footer-logo.png" alt="" /></span><font face="Verdana" color="#000000" size="2">EMF </font><a target="_blank" href="http://www.emailmeform.com" style="text-decoration: none;"><font face="Verdana" color="#000000" size="2">HTML Forms</font></a></div>
