Code Html BLINK ne clignote pas

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

Résolu Code Html BLINK ne clignote pas

Message par lilas le Jeu 14 Juil 2016 - 3:22

cheers forum.
J'ai ajouté le code suggéré pour Internet Explorer à la fin de ma feuille css mais le texte ne clignote pas.
Ni sous Internet, ni sous Firefox, ni sous Chrome...

http://forum.forumactif.com/t260355-faire-fonctionner-le-blink-avec-internet-explorer

Le code date de 2009. Peut-être a t'il besoin d'être rafraichi...

Bonne nuit

Gloups

lilas
*****

Féminin
Messages : 611
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Html BLINK ne clignote pas

Message par Milouze14 le Jeu 14 Juil 2016 - 10:45

Salut lilas,

j'avais donné ce script il y a quelque temps afin d'y remédier.

En fait on va mettre une class sur n'importe quelle balise contenant un texte:

Exemple:

Code:


<span class="M14_texte_Blink">texte qui va clignoter</span>
<p class="M14_texte_Blink">texte qui va clignoter</p>
<div class="M14_texte_Blink">texte qui va clignoter</div>
<a href="LE LIEN "class="M14_texte_Blink">texte qui va clignoter</a>


Puis le script:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.

Déposes ceci:
Code:

$(function(){
$('.M14_texte_Blink').addClass('M14_Blink');
        $('.M14_Blink').each(function() {
            var elem = $(this);
            setInterval(function() {
                if (elem.css('visibility') == 'hidden') {
                    elem.css('visibility', 'visible');
                } else {
                    elem.css('visibility', 'hidden');
                } 
            }, 800);
        });
        });



Penses à cliquer sur le bouton

Ensuite tu peux personnaliser en ajoutant quelques lignes dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

.M14_Blink {color:red ;}
a.M14_Blink {color:red !important;text-decoration:none;}

Penses à cliquer sur le bouton

Si tu veux détailler encore plus la c.s.s
tu peux jouer avec les conteneurs:
Code:
p.M14_Blink
span.M14_Blink
div.M14_Blink



a++




Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code Html BLINK ne clignote pas

Message par no_way le Jeu 14 Juil 2016 - 11:58

Bonjour, une solution en CSS:
Code:
@-o-keyframes blink{
from{
opacity:0
}
15%{
opacity:1
}
}
@-webkit-keyframes blink{
from{
opacity:0
}
15%{
opacity:1
}
}
@keyframes blink{
from{
opacity:0
}
15%{
opacity:1
}
}
.blink{
animation:blink 1s infinite steps(1)
}
une fois ajouté à votre CSS, assignez la classe blink aux éléments que vous voulez voir clignoter.



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Html BLINK ne clignote pas

Message par lilas le Jeu 14 Juil 2016 - 23:13

Bonjour à vous deux
Je crois que je me suis mal exprimée...
Ce que je veux, c'est faire clignoter du texte dans un message autant dans l'éditeur régulier que la Réponse rapide.
Un BBcode...
C'est possible ?

reflexion

lilas
*****

Féminin
Messages : 611
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Html BLINK ne clignote pas

Message par Milouze14 le Ven 15 Juil 2016 - 4:13

Hello lilas,
oui tout à fait en suivant nos procédures ,
tu as deux astuces,donc suis les sans te poser de questions car on répond
tout à fait à ta question.

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Html BLINK ne clignote pas

Message par lilas le Ven 15 Juil 2016 - 5:32

En fait on va mettre une class sur n'importe quelle balise contenant un texte:

Exemple:

1.
2.
3.<span class="M14_texte_Blink">texte qui va clignoter</span>
4.<p class="M14_texte_Blink">texte qui va clignoter</p>
5.<div class="M14_texte_Blink">texte qui va clignoter</div>
6.<a href="LE LIEN "class="M14_texte_Blink">texte qui va clignoter</a>
7.
Ça commence mal geek j'ai déjà une question. Le code ci-haut, c'est juste un exemple ou je le planque quelque part ?
Si oui, dans le css ou quoi ?

reflexion


lilas
*****

Féminin
Messages : 611
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code Html BLINK ne clignote pas

Message par Milouze14 le Sam 16 Juil 2016 - 7:27

Hello lilas,

ce sont des exemples car comme nous n'avons pas eu de code html de ta part .


Essayes avec ce code dans un message sur ton fofo en n'ayant au préalable activé le script donné plus haut.

Code:

<span class="M14_texte_Blink">texte qui va clignoter</span>




Ou la solution donné par @no-way (que je salue Wink ) qui est bien bien bien moins gourmande.

En insérant la class blink .
Exemple si ton texte et entouré d'un span:
Code:
<span>Texte</span>

Il faudra donc ajouter la class blink, ce qui donnera :

Code:
<span class="blink">Texte</span>

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code Html BLINK ne clignote pas

Message par no_way le Sam 16 Juil 2016 - 17:43

Salut milouze ;-)

Pour nuancer, le code de milouze a lui l'avantage d'être compatible avec les navigateurs plus anciens tels IE9 qui ne supportent pas les keyframes, il s'agit donc d'un choix qui vous revient entre le côté pratique et léger (CSS) et le support de navigateurs assez anciens (JS).

Je me permet de laisser milouze traiter ce sujet, mon message initial était juste pour proposer une version CSS Wink



no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Html BLINK ne clignote pas

Message par lilas le Sam 16 Juil 2016 - 21:49

Ça clignote enfin ! Arrow
Avec le script de Milouze et
1.
2.<span class="M14_texte_Blink">texte qui va clignoter</span>
Ça va pour moi mais pour mes membres ce n'est pas très pratique.
Ils ont l'habitude d'un bouton dans lbarre du BBcode de l'éditeur.

Merci no way, je n'ai pas réussi à faire clignoter avec votre code css.

Belle fin de journée et merci encore à vous deux...

victoire

lilas
*****

Féminin
Messages : 611
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Html BLINK ne clignote pas

Message par Chacha le Dim 24 Juil 2016 - 10:18

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49792
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum