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
» QEEL en 3 colones + chatbox
Dim 25 Nov 2018, 14:57 par lolilol

» Qui est en ligne tableau.
Dim 25 Nov 2018, 14:54 par lolilol

» Structure de Qui Est En Ligne (1)
Dim 25 Nov 2018, 14:53 par lolilol

» Qui est en ligne "3 en 1"
Dim 25 Nov 2018, 14:51 par lolilol

» Ajouter une image dans la zone de citation
Dim 25 Nov 2018, 04:37 par LuciaRaven

» Previsualiser le premier message d'un sujet
Dim 25 Nov 2018, 04:35 par LuciaRaven

» Formulaire de connexion rapide amélioré
Dim 25 Nov 2018, 04:23 par LuciaRaven

» Effet de volet glissant sur un bloc
Sam 24 Nov 2018, 11:17 par NerSox


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 : 5576



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

-
» balise pour texte clignotant??????
» Le code pour une partie d'un texte clignotant...
» Texte clignotant
» "Retenir un texte"
» Texte flash + php

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