Forum CyberMailing

Bonjour,

comment peut on rendre un peu plus sympathique le formulaire d'inscription afin qu'il attire l'oeil de nos prospects?Je letrouve trés austére, et l'intégrer à une image proche de ma thématique, me rendrais joyeux!!!!

Des idées?

CSS

plus sérieusement, oui la bonne solution est de définir une feuille de style pour définir le rendu des éléments du formulaire.
C'est de la création de page web pure.

Pour cybermailing ce qui compte c'est :
<form method="post" action="http://www.cybermailing.com/mailing/subscribe.php">
<input type="hidden" name="Liste" value="XXXXXX">
<input type="text" name = "Email">
</form>

Tout le reste n'est qu'habillage, désign... = creation de page web.

Il faut donc soit le faire à la main, soit prendre n'importe quel logiciel, programme, site, de creation de site,
y "dessiner" votre formulaire puis modifier le code de celui ci pour que l'action soit http://www.cybermailing.com/mailing/subscribe.php
et que le no de liste soit indiqué par un champs caché.

Allez, je vous fais un exemple à partir du code donné dans l'interface

le voici :

Code: Tout sélectionner

<form id="form" action="http://www.cybermailing.com/mailing/subscribe.php" method="post">
<input type="hidden" name="Liste" value="2XXXX">
<table border="0" cellspacing="0">
<tr>
<td>Nom:</td>
<td><input name="Name" type="text" size="30" maxlength="255"></td>
</tr>
<tr>
<td>Adresse mail:</td>
<td><input name="Email" type="text" size="30" maxlength="255"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Je m'inscris"></td></tr>
</table>
</form>



ce code n'a volontairement aucun autre rendu que celui définit par défaut dans le navigateur.

Pour modifier le rendu vous pouvez faire ceci :

Code: Tout sélectionner

<style>
#form table {
width:300px;
border: 3px #C97474 solid;
}

#form table tbody {
background-color:#251C1C;

}

#form table tr {

}

#form table tr td {
font-size: 18 px;
font-weight:bold;
text-align: right;
color:#DAC5C5;
}

#form table tr td input {
text-align: left;
}

.bigbutton {
background-color: #575252;
border-style: dotted;
color: white;
width: 175px;
font-size: 14px;
   }

.bigbutton:hover {
background-color: #595D8A;
}
</style>

<form id="form" action="http://www.cybermailing.com/mailing/subscribe.php" method="post">
<input type="hidden" name="Liste" value="2XXXX">
<table border="0" cellspacing="0">
<tbody>   
<tr>
<td>Nom:</td>
<td><input name="Name" type="text" maxlength="255"></td>
</tr>
<tr>
<td>Adresse mail:</td>
<td><input name="Email" type="text" maxlength="255"></td>
</tr>
<tr>
<td colspan="2" align="center">
   <input class="bigbutton" type="submit" value="Inscrivez Moi !" style="text-align:center"></td></tr>
</tbody>
</table>
</form>


ce qui donne :