Page 1 sur 1

FORMULAIRE INSCRIPTION

MessagePosté: Lun Déc 31, 2012 7:41 am
par lesacsle
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!!!! :mrgreen:

Des idées?

Re: FORMULAIRE INSCRIPTION

MessagePosté: Mar Jan 01, 2013 11:56 am
par Lionel Palazzi
CSS

Re: FORMULAIRE INSCRIPTION

MessagePosté: Mar Jan 01, 2013 12:05 pm
par Lionel Palazzi
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é.

Re: FORMULAIRE INSCRIPTION

MessagePosté: Mar Jan 01, 2013 1:29 pm
par Lionel Palazzi
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 :

Image