• Annonce Faire clignoter un texte


    Mardi 6 Novembre 2012 à 15:00
    pierjacq

    Bonjour,

    Et pour un titre clignotant dans une colonne (par exemple accueil) est-ce possible ?
    Merci d'avance.

    Mardi 6 Novembre 2012 à 16:26
    LesyeuxDuCyclone

    bonjour,

    pour faire clignoter ( tous) les titres des modules ( accueil, liens,..) de la colonne du menu de gauche, tu ajoutes dans le CSS ( apparence --> modifier le thème--> ajouter du CSS)

    #menu1 .module_menu_titre { text-decoration: blink;}

    même code pour les titresmodules de la colonne de droite avec un menu2 à la place de menu1


    Pour clignot uniquement le module accueil

    #module_menu_titre107074451 {text-decoration: blink;}


    Mardi 6 Novembre 2012 à 16:46
    Mike GMZ

    Salut !

    Pour info, 'text-decorationblink' non supporté par: I.E, Chrome et Safari
    (déjà signalé par Papasti .......) 

     

    Mardi 6 Novembre 2012 à 17:12
    pierjacq

    Bonjour,

    Merci pour les réponses. Je suis sur IE donc cela ne fonctionnera pas ! Dommage.
    Je voulais que des titres soient valorisés, du fait de l'info, pour attirer les visiteurs. Comme par exemple l'arrestation de Marion Martin en Pays basque, l'intervention de Manuel Valls en Espagne...
    Merci encore

    Mardi 6 Novembre 2012 à 18:42
    stormalo

    Bonjour,

    Un p'tit truc (?): mettre un caratère spécial devant le titre à valoriser.

    Par ex: ◄ ►   ►    ■   etc...

    Bonne soirée.

    Mardi 18 Juin 2013 à 11:20
    Papasti

    Un blink qui fonctionne à tous les coups:

    Ajouter ce javascript dans un module simple html:

    <script type="text/javascript">// <![CDATA[

    if(typeof(onJSFilesLoaded) != "object") onJSFilesLoaded = [];   

        onJSFilesLoaded.push(function(){   

            var st=$('css_theme');

            var myCSS  = new Element('link', {

            id:  'complement_css',

            rel: 'stylesheet',

            type: 'text/css',

            media: 'screen',

            href:'http://ekladata.com/-W_Z812uErcLdlsvA8jf96pWKtA/blink.css'});

            myCSS.inject(st, 'after');});

    // ]]></script>

    Il ne reste plus qu'à utiliser la classe blink

    exemple:

    <p class="blink">Ce texte va clignoter</p>

    Nota: veillez à enregistrer le fichier blink.css dans votre blog et à modifier le href  du code ci-dessus pour le faire pointer vers lui.

    Vendredi 12 Novembre à 19:45
    C.Sylvie

    Bonsoir,

    Ben, je ne dois pas  être douée.

    J'ai bien mis tout ce qui est en bleu dans un module.

    J'ai enregistrer le fichier blink css dans un document texte. A la place de ce qui est en marron, j'ai bien mis le http que j'ai enregistré dans mes fichiers eklablog -

    ben .... ça clignote pas chez-moi. j'ai dû, pour sûr, mal interprété quelque chose.

    Mais quoi ??? Quelqu'un veut bien m'aider ?? MERCI

    Samedi 13 Novembre à 22:01
    stormalo

    Bonsoir,

    Effectivement ça ne fonctionne pas (?). Le code à été proposé en 2013. Aujourd'hui on peut faire clignoter par css avec la propriété animation, sans utiliser JavaScript.

    Essaye ce code (il devrait fonctionner sur les navigateurs récents sans rien ajouter) :

    <!-- html -->

    <p class="clignotant">il ne faut pas remettre &agrave; demain ce qu'un autre peut faire aujourd'hui.</p>

    <!-- CSS -->
    <style><!--
    .clignotant  {
       animation-duration: 2.0s;                 /* durée de l'animation */
       animation-name: clignotant;             /* nom de l'animation */
       animation-iteration-count: infinite;
       transition: none;
        color: blue;
    }

    @keyframes clignotant {
      0%   { opacity:1; }
      20%   {opacity:0; }
      100% { opacity:1; }
    }
    --></style>

     

    Samedi 13 Novembre à 23:24
    C.Sylvie

    Oh la la !!! vraiment désol, je suis nul avec ces codes:

    Dans code source,  j'ai mis <p class="clignotant">  juste devant la phrase que je veux voir clignoter -> pas de cligno, j'ai rajouter le  </p>  en fin de phrase .... toujours rien.

     

    Dans les CSS j'ai copié/collé le code,  mais lorsque je veux l'enregistrer on me dit qu'il y a erreur.

    Du coup, ben .... je sais pas trop où j'ai merdé. Je suis un peu, beaucoup perdue sur ce coup là.

    MERCI - bonne soirée

    Dimanche 14 Novembre à 09:52
    stormalo

    Bonjour,

    L'éditeur du fichier  thème-css n'accepte pas tous les codes. C'est le cas si le code comporte un @keyframes.
    Il faut donc le mettre ailleurs dans le html entre des balises <style></style>, lesquelles  indiquent aux navigateurs qu'il ne s'agit pas du contenu html.

    Selon besoin, tu peux placer le code css que j'ai indiqué, dans la source < > de l'article, ou de la page, ou d'un module simple, ou éventuellement dans la zone de scripts (barre menu > Apparence >..)

    Si à l'emplacement choisi il y a déjà des balises  <style> et </style>, il suffit d'ajouter le nouveau css entre celles-ci.
    Éventuellement, en le faisant précéder d'un commentaire : /* pour clignotement */ et de la faire suivre de cet autre : /* fin clignotement */ , pour le retrouver facilement.




    Vous devez être membre pour poster un message.