C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Qui Est En Ligne - Utopia
Ven 06 Juil 2018, 23:20 par Vincent

» [RPG] Fiche personnage avec bannière latérale
Ven 29 Juin 2018, 06:27 par Tink

» [phpBB2] Sauvegarde des posts en cours d'écriture
Mar 26 Juin 2018, 02:30 par Laluna

» Apparition progressive du corps du forum
Dim 24 Juin 2018, 10:05 par Jimmy

» Formulaire de connexion rapide amélioré
Dim 24 Juin 2018, 10:03 par Jimmy

» Previsualiser le premier message d'un sujet
Dim 24 Juin 2018, 09:57 par Jimmy

» Trois colonnes avec effet Zoom
Mer 20 Juin 2018, 06:58 par Backflip

» [PA] Message d'Accueil Simple
Mer 20 Juin 2018, 06:56 par Backflip


Partagez | 
 

Texte clignotant

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Teal
Invité




Texte clignotant


Informations générales

Description :
Aujourd'hui, nous allons apprendre comment faire clignoter un texte. La plupart du temps cette propriété sert à mettre en valeur une partie du texte.

Démo :
Ce texte doit clignoter

Testé sur :
Firefox

Crédits :
Proposé par Teal le 13/11/2010 | Validé par Espéon

Mise(s) à jour :
Mise à jour le 27/07/2012 par Espeon

Le tutoriel


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é !
MessageSujet: Texte clignotant   Sam 13 Nov 2010, 17:56
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.i-love-harvard.com/
avatar
Blanche-Neige
Blanche-Neige

Féminin Messages : 5575



FAQ


Q
//

R
//


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml


Le forum n'est désormais plus géré par le staff, laissé seulement ouvert pour que les ressources et l'entraide restent accessibles. Vous pouvez néanmoins m'envoyer un MP pour supprimer un message, signaler un plagiat ou autre, je m'en occuperai à ma prochaine connexion.
MessageSujet: Re: Texte clignotant   Mer 03 Aoû 2011, 09:11
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Administrateur
Administrateur

Masculin Messages : 1819



27-07-2012 : Tutoriel revu et mis à jour


MessageSujet: Re: Texte clignotant   Ven 27 Juil 2012, 20:31
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Texte clignotant   
Revenir en haut Aller en bas
 

Texte clignotant

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Résolu] se service d'une animation pour outlook
» Texte clignotant
» [résolu]Programmation - rotationde texte
» "Retenir un texte"
» texte défilant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Les Messages-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forumactif.com | Informatique et Internet | Outils pour Webmestres