Cet effet ne fonctionne que sous Firefox. S'il peut être sympathique, n'oubliez pas que son impact est donc limité et ne permettra que d'agrémenter un peu la navigation de ceux qui utilisent ce navigateur.
Le HTML
Commençons par créer une classe, que nous appellerons ici texteClignotant, qui nous permettra d'appliquer cet effet au texte qui se trouve à l'intérieur de la balise.
Nous prenons l'exemple ici avec une balise de paragraphe
<p>, mais libre à vous de l'adapter plus généralement avec une balise
<div> par exemple :
- Code:
-
<p class="texteClignotant">Votre Texte</p>
Le CSS
Voilà ! Maintenant passons au CSS.
Si je veux appliquer mon effet à tous les paragraphes qui portent cette classe, alors je fais comme ceci:
- Code:
-
p.texteClignotant {
text-decoration: blink;
}
Pour l'appliquer plus généralement à toute balise qui porterait la classe texteClignotant (sans chercher à savoir s'il s'agit d'une div, d'un span ou d'un paragraphe), je fais comme ceci :
- Code:
-
.texteClignotant {
text-decoration: blink;
}
Pour aller plus loin
Si je le veux, je peux rendre simplement une partie de mon texte clignotant si j'imagine le code HTML suivant :
- Code:
-
<p>Ceci est un paragraphe et <span class="texteClignotant">cette partie clignote</span></p>
Si vous êtes fondateur de votre forum, rendez-vous dans votre
Panneau d'Administration > Affichage > Couleurs > Feuilles de style pour y déposer le CSS.
Sinon, vous pouvez toujours inclure le CSS dans le HTML, à condition que celui-ci soit activé, de la manière suivante :
- Code:
-
<p style="text-decoration:blink;">Texte Clignotant</p>
Nous avons enfin terminé !