Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :
Publié dans : Placer des documents (word,excel..) - Tous blogs
Ce formulaire va vous permettre d'entrer en contact avec vos lecteurs. Bien sûr, OB propose déjà les fonctions newsletter, contact, commentaires... Mais supposons que vous vouliez créer un
formulaire plus détaillé.
Copiez ce pavé et collez-le en mode source/HTML :
Ensuite, personnalisez le.
1ère étape : l'adresse à laquelle sera envoyé ce message :
2ème étape : les questions ouvertes. Celui qui répond a toute liberté. Vous modifiez ce qui est en rouge : les mêmes mots aux 2 endroits
Votre nom:
Vous êtes:
Votre ville:
Votre âge:
5ème étape : la zone de saisie du commentaire
rows : la hauteur de la zone de saisie
cols : la largeur de la zone de saisie
envoyer : le mot qui apparaîtra sur le bouton
Vos commentaires:
Une autre possibilité est d'aller chez MONSITE GRATUIT.
Première étape : sur le site
Vous complétez :
Copiez le code fourni :
Deuxième étape : dans l' administration de votre blog, collez-le en mode source/HTML et vous obtenez
A voir : pour créer un bel effet sur un formulaire
Copiez ce pavé et collez-le en mode source/HTML :
<form action="mailto:annak_67@yahoo.fr" method="post" enctype="text/plain" name="mail">
Votre nom:
<input name="votre nom"><p>
Vous êtes:
<input type="radio" name="sexe" value="homme">un homme
<input type="radio" name="sexe" value="femme">une femme<p>
Votre ville:
<input type="checkbox" name="ville" value="paris">paris
<input type="checkbox" name="ville" value="lyon">lyon
<input type="checkbox" name="ville" value="marseille">marseille<p>
Votre âge:
<select name="age">
<option value=" -20 ans ">de -20 ans
<option value=" 21-50 ans">de 21 à 50 ans
<option value=" +50 ans ">de +50 ans
</select><p>
Vos commentaires:<br>
<textarea name="commentaire" rows="5" cols="50"></textarea><p>
<input type="submit" value="envoyer"></form>
Votre nom:
<input name="votre nom"><p>
Vous êtes:
<input type="radio" name="sexe" value="homme">un homme
<input type="radio" name="sexe" value="femme">une femme<p>
Votre ville:
<input type="checkbox" name="ville" value="paris">paris
<input type="checkbox" name="ville" value="lyon">lyon
<input type="checkbox" name="ville" value="marseille">marseille<p>
Votre âge:
<select name="age">
<option value=" -20 ans ">de -20 ans
<option value=" 21-50 ans">de 21 à 50 ans
<option value=" +50 ans ">de +50 ans
</select><p>
Vos commentaires:<br>
<textarea name="commentaire" rows="5" cols="50"></textarea><p>
<input type="submit" value="envoyer"></form>
Ensuite, personnalisez le.
1ère étape : l'adresse à laquelle sera envoyé ce message :
<form action="mailto:annak_67@yahoo.fr" method="post" enctype="text/plain" name="mail">
2ème étape : les questions ouvertes. Celui qui répond a toute liberté. Vous modifiez ce qui est en rouge : les mêmes mots aux 2 endroits
Votre nom:
<input name="votre nom"><p>
<input name="votre nom"><p>
Votre nom:
3ème étape : les questions fermées, les réponses sont dirigées. Celui qui répond clique sur la réponse choisie. Vous modifie ce qui est en
couleur. Même couleur = même modification
3-1 - Boutons ronds de sélection : radio
Vous êtes:
<input type="radio" name="sexe" value="homme">un homme
<input type="radio" name="sexe" value="femme">une femme<p>
<input type="radio" name="sexe" value="homme">un homme
<input type="radio" name="sexe" value="femme">une femme<p>
Vous êtes:
Votre ville:
<input type="checkbox" name="ville" value="paris">paris
<input type="checkbox" name="ville" value="lyon">lyon
<input type="checkbox" name="ville" value="marseille">marseille<p>
<input type="checkbox" name="ville" value="paris">paris
<input type="checkbox" name="ville" value="lyon">lyon
<input type="checkbox" name="ville" value="marseille">marseille<p>
Votre ville:
4ème étape : les questions fermées, les réponses sont toujours dirigées. Celui qui répond sélectionne la donnée dans un menu déroulant.
Votre âge:
<select name="age">
<option value=" -20 ans ">de -20 ans
<option value=" 21-50 ans">de 21 à 50 ans
<option value=" +50 ans ">de +50 ans
<select name="age">
<option value=" -20 ans ">de -20 ans
<option value=" 21-50 ans">de 21 à 50 ans
<option value=" +50 ans ">de +50 ans
Votre âge:
5ème étape : la zone de saisie du commentaire
Vos commentaires:<br>
<textarea name="commentaire" rows="5" cols="50"></textarea><p>
<input type="submit" value="envoyer"></form>
<textarea name="commentaire" rows="5" cols="50"></textarea><p>
<input type="submit" value="envoyer"></form>
rows : la hauteur de la zone de saisie
cols : la largeur de la zone de saisie
envoyer : le mot qui apparaîtra sur le bouton
Vos commentaires:
et le formulaire complet :
Une autre possibilité est d'aller chez MONSITE GRATUIT.
Première étape : sur le site
Vous complétez :
- le questionnaire sur les données que vous voulez trouver sur ce formulaire
- Le design du formulaire
- Les coordonnées du formulaire : l'adresse du blog et votre adresse mail
Copiez le code fourni :
<script language='Javascript' src="http://www.monsitegratuit.com/services/cybermail/form1.php?
n=1&p=1&e=1&s=1&t=1&ad=1&cp=1&soc=1&py=1&tel=1&ban=0&tt=Contactez-moi...&mt=
...si vous voulez de l'aide&b1=Envoyer&b2=Réinitialiser&cf=000033&cc=d8e2ec&ct=3c4157&ctx=3c4157&cos
=annak.over-blog.com&coe=annak_67@yahoo.fr"></script><noscript><p>Votre Formulaire Mon Site Gratuit visible lors de sa mise en ligne</p></noscript><a href='http://www.monsitegratuit.com/'><img src="http://www.monsitegratuit.com/site.gif" alt="Mon Site Gratuit : Formulaire de contact" border="0"></a>
n=1&p=1&e=1&s=1&t=1&ad=1&cp=1&soc=1&py=1&tel=1&ban=0&tt=Contactez-moi...&mt=
...si vous voulez de l'aide&b1=Envoyer&b2=Réinitialiser&cf=000033&cc=d8e2ec&ct=3c4157&ctx=3c4157&cos
=annak.over-blog.com&coe=annak_67@yahoo.fr"></script><noscript><p>Votre Formulaire Mon Site Gratuit visible lors de sa mise en ligne</p></noscript><a href='http://www.monsitegratuit.com/'><img src="http://www.monsitegratuit.com/site.gif" alt="Mon Site Gratuit : Formulaire de contact" border="0"></a>
Deuxième étape : dans l' administration de votre blog, collez-le en mode source/HTML et vous obtenez
A voir : pour créer un bel effet sur un formulaire
MàJ:Janvier 2009
Présentation
: Les ficelles d Anna K.
: 26/06/2006
: Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur
Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de
design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer
de la musique, des gadgets, des compteurs, des astuces de référencement...
: 26/06/2006
: Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur
Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de
design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer
de la musique, des gadgets, des compteurs, des astuces de référencement...
Recherche Rapide Sur le Site
Sommaires
Sommaires Pour les Blogs OverBlog
- Premiers pas en V2
- Gestion quotidienne
- Ecritures dans les modules
- Ecritures dans les articles et pages
- Ecritures dans les fenêtres et albums photos
- Modifier les Fonds
- Placer des images
- Ajouter, déplacer ou masquer
- Design complet et Idées de Mise en page
- Aspect des Ascenseurs, Puces et Curseurs
- Cadres,lignes et bordures
- Effets d'Ecriture et de Texte
- Effets d'images et Diaporamas
- Créer et transformer des Images
- Placer des documents
- Musique, son, vidéo et télé
- Cadres, tableaux, lignes
- Liens, listes et menus
- Interactivité et gadgets
- Indicateurs,compteurs et Protection
- référencement, communautés et flux RSS
Dernières Astuces
- Vérifier votre blog sous d'autres résolutions d'écran et d'autres navigateurs
- Mettre automatiquement en minuscule les mots des liens
- Mettre automatiquement en majuscule la 1ère lettre de chaque mot des liens
- Adresse de votre blog
- Changer l'écriture des liens au survol de la souris
- Installer des gifs animés
- Installer les différentes formes de curseur
- Mettre un fond transparent dans le titre des modules
- Mettre un fond transparent dans les modules
- Mettre un fond transparent dans tous les articles
Commentaires