Je viens de visiter une site sympa ou le formulaire de contact m'a plu. J'ai donc décidé de le refaire en WEBDEV.
Objectif réaliser ceci :
Dans WEBDEV on commence par créer deux cellules. La première avec un fond blan uni et la seconde avec les paramètres suivants :
Ensuite il faut définir la couleur de CEL_Form et mettre l'image à droite :
Puis ajout des champs de saisie et pour chaque champ de saisie on créer un style au projet
et on place le code CSS :
dans chaque champ de saisie on aura le code css suivant :
background-image: url(c-icons.png);
background-repeat: no-repeat;
padding-left: 20px;
border: 1px solid #BFBFBF;
puis pour chaque champ on ajoutera un code css spécifique :
Nom : background-position: 3px 4px;
Email : background-position: 3px -15px;
Site web : background-position: 3px -37px;
sujet : background-position: 3px -57px;
cette ligne idique quelle partie de l'image il faut afficher dans le champ, car on fait référence qu'a une seule image c-icons.png :
C'est presque fini. Il reste le champ de saisie pour le messge. Pour celui-ci on aura qu'une ligne CSS à mettre :
border: 1px solid #BFBFBF;
border: 1px solid #BFBFBF;
Et pour le bouton le style CSS sera le suivant :
color: white;
background: #2E6DA3;
border: none;
On pourrait presque se passer du code CSS et mettre le tout dans les ongles texte et fond su style.
ATTENTION : les modifications de style CSS ne seront visible qu'en exécution...
