personalizzare form con i CSS

lucaeffe

personalizzare form con i CSS

Su quali parti del codice bisogna agire per modificare gli stili del form per contatti?
A parte le dimensioni dei riquadri dovrei modificare colore, dimensione e testo dei pulsanti.

Ecco il form

HTML:

[HTML]<form action="invio.php" method="post" id="modulo">
<table>
<tr>
<td>your MAIL</td>
<td><label>
<input name="mail" type="text" id="mail" size="30" />
</label></td>
</tr>
<tr>
<td>Oggetto</td>
<td><label>
<input name="object" type="text" id="object" size="30" />
</label></td>
</tr>
<tr>
<td>Messaggio</td>
<td>
<textarea name="body" cols="55" rows="20" id="body"></textarea>
</td>
</tr>
<tr>
<td><label>

</label></td>
<td><label>
 <input type="submit" name="submit" id="submit" value="Invia" /> <input type="reset" name="cancella" id="cancella" value="Ripristina" />
</label></td>

</tr>
</table>

</form>[/HTML]

PHP:

<?php
// indirizzo di chi riceve la mail è sottolineato ma nel codice non sottilineatelo

if ((trim($_POST['object']) != "") && (trim($_POST['body']) != "")) {    //questo fa si che se i campi -oggetto- e "messaggio" sono vuoti la form non invia nessuna mail
$to = "luca_effehotmail.it";
$headers = "From: " . $_POST['mail'] . "\n";
// soggetto della mail
$subject = "Modulo proveniente da www .tuosito. it";

// corpo messaggio
$body = "Contenuto del modulo:\n\n";

$body .= "Inviata da: " . trim(stripslashes($_POST["mail"])) . "\n"; //indirizzo e-mail che manda la mail, come si vede riprende l'id del campo destinato all'inserimento della mail del mittente

$body .= "Oggetto: " . trim(stripslashes($_POST["object"])) . "\n"; //oggetto del messaggio
$body .= "testo: " . trim(stripslashes($_POST["body"])) . "\n"; //messaggio


// invio mail
mail($to, $subject, $body, $headers); // SE L'INOLTRO E' ANDATO A BUON FINE...

echo "La mail è stata inviata con successo. Grazie per averci contattato";

} else {// altrimenti
echo "Deve compilare la form prima di inviare.";

}

?>

gabriele1986

Segui questa guida:

http://www.webmasterpoint.org/webdesign/css/74-creare-moduli-con-css.asp

comunque devi agire sul id del form nella pagina .html

EX:

#object { color: pink}