Tutoriel N°7
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éjà de personnaliser vos textes. Avec ce tutoriel, nous allons essayer d'aller encore plus loin.

Nous allons utiliser le service internet gratuit sans inscription accessible à 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 *


1) Cliquez sur le lien : http://.n.bernier.free.fr/fade/index.php

 

2) L'écran ci-dessous s'affiche :

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 hypertexte.  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 !! .


jeune femme russe horloge blog
fille russe horloge html

Copyrigh votresiteweb.info - site créé le 25 août 2014 - B JC