Générateur de dégradés couleurs HTML sur Texte
***************
Avant Propos : l'éditeur de texte Jimdo, de précédents tutoriels, permettent déja de personnaliser vos textes. Avec ce tutoriel, nous allons assayer d'aller encore plus loin.
Nous allons utiliser le service internet gratuit sans inscription accéssible à partir du lien : http://.n.bernier.free.fr/fade/index.php
Voici un exemple de rendu final. A noter que dans cet exemple j'ai volontairement complété le code source de base généré, ceci pour que vous puissiez vous rendre compte de ce qu'il est possible de réaliser avec l'aide de ce service.
* POUR ALLEZ PLUS HAUT AVEC Jimdo *
- Choisissez votre couleur "Début"
- Choisissez votre couleur "de Fin"
- Choisissez votre couleur "de Fond"
- Taper votre texte dans le cadre blanc prévu à cet effet.
- Choisir dégradé sur les "caractères"
- Choisir dégradé sur les "lignes"
Lorsque vous êtes satisfait, cliquez sur "Générer"
3) un aperçu final de votre texte s'affiche
4) le code HTML correspondant à votre texte s'affiche.
5) Copier ce code (Ctrl + A)
6) Aller sur votre site Jimdo et ajouter un module "Winget/HTML"
7)Dans ce module coller le code précédemment copié.
8) Enregistrer , et voilà !!.
VARIANTE : aprés avoir généré votre code ( phase 4) copier celui-ci, et coller le
dans le "Bloc note" de windows que vous aurez précédemment
ouvert.
- si le fond colorié choisi sous le texte ne s'affiche pas, compléter le
code "Généré" par le code : <p style = "backgroud-color:#XXXXXX;>
</p>
- de même vous pouvez personnaliser votre texte, à partir des
Balises HTML à insérer dans votre code "Généré" soit par ex :
<font> .........</font> définition de texte.
<i> .........</i> texte en italique.
<b> ......... </b> texte en gras.
<u> ......... </u> texte souligné.
<a> ......... </a> lien hipertexte. etc .. etc.. .
9) Copier et coller le code HTML "Généré" et complété dans votre page Jimdo suivant procédure (phases 6-7-8-)
10) Enregistrez et voila !! .
Contact :
Version imprimable
Recommander ce site