- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- CSS modulo forms contatti
-
CSS modulo forms contatti
Ho trovato su internet questo codice per il forms di contatti. Come sviluppo il relativo CSS ora?
[PHP]<!-- .Stile7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; } body,td,th { color: #999999; } body { background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; } .Stile8 {color: #666666} --> <form action="/sendmail/mandamail.php" method="post"> <input name="redirect" type="hidden" value="sitoname.conferma.html" /> <input name="subject" type="hidden" value="Richiesta dal sito lucadorigo.com" />
<table style="width: 550px;" border="0" cellspacing="2" cellpadding="0" align="left" bgcolor="#ffffff">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="1" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr bgcolor="#17252E">
<td>
<script type="text/JavaScript">// <![CDATA[
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms*;
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers*.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_validateForm() { //v4.0
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args*);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
} if (errors) alert('The following error(s) occurred:\n'+errors);
document.MM_returnValue = (errors == '');
}
// ]]></script>
<div class="links">
<table style="width: 100%;" border="0" cellspacing="2" cellpadding="2" bgcolor="#ffffff">
<tbody>
<tr align="middle" valign="center">
<td>
<table border="0" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td align="left" valign="top" bgcolor="#ffffff">
<table border="0" cellspacing="3" cellpadding="3" align="center" bgcolor="#ffffff">
<tbody>
<tr valign="baseline">
<td class="textBold" width="172" align="right" valign="center"></td>
<td width="379" valign="center"><img src="personal_info.jpg" border="0" width="180" height="19" /></td>
</tr>
<tr valign="baseline">
<td class="textBold" align="right" valign="center"><span class="Stile7">*EMAIL: </span></td>
<td valign="center"><input id="EVE_EMAIL" class="form" name="email" size="45" /></td>
</tr>
<tr valign="baseline">
<td class="textBold" align="right" valign="center"><span class="Stile7">*NAME/NOME :</span></td>
<td valign="center"><input class="form" maxlength="60" name="nome" size="45" /></td>
</tr>
<tr valign="baseline">
<td class="textBold" align="right" valign="center"><span class="Stile7">SURNAME/COGNOME:</span></td>
<td valign="center"><input id="EVE_LOCATION" class="form" maxlength="60" name="cognome" size="45" /></td>
</tr>
<tr>
<td class="textBold" align="right" valign="top"><span class="Stile7">NOTES/NOTE:</span></td>
<td valign="baseline"><textarea class="form" cols="36." rows="10" name="note"></textarea></td>
</tr>
<tr valign="baseline">
<td colspan="2" align="right">
<div>
<p><span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><span class="Stile8">Cliccando su Invia acconsenti al trattamento dei dati personali, legge 196/2003</span></span><span style="font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: xx-small;"><br /> <br /> </span></p>
</div>
</td>
</tr>
<tr valign="baseline">
<td align="right"></td>
<td>
<div>
<p><input id="submit2" class="form" onclick="MM_validateForm('EVE_EMAIL','','RisEmail','EVE_EMAIL2','','R','EVE_NAME','','R','EVE_LOCATION','','R','EVE_INDIRIZZOPR','','R','EVE_CITTAPR','','R','EVE_TELPR','','NisNum','EVE_CELLPR','','RisNum','EVE_FAXPR','','NisNum','EVE_EVENT','','R','EVE_ORA','','R','EVE_CLUB','','R','EVE_INDIRIZZO','','R','EVE_CITTA','','R');return document.MM_returnValue" name="submit" type="submit" value="INVIA" /> <input name="MM_insert" type="hidden" value="submit" /></p>
<p></p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</form>[/PHP]
-
Beh dipende da cosa vuoi farci, se vuoi "contornarlo" con delle immagini o modificare i vari font usi il css, se vuoi semplicemente spostarlo a sinistra penso basti modificare i vari "center" nel codice html del form!
-
Nel mio sito si vede male: revolutiondj.altervista.org/website/contatti.html
E' costruito con Joomla e ho inserito il codice in un Modulo HTML Personalizzato
-
Con Chrome mi sembra tutto a posto!
-
L'ho modificato! non sto usando più questo, ma quello di ClaudioWeb(moderatore della sezione HTML)