Annonce Faire clignoter un texte

Bonjour,

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

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;}

Salut !

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

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

Bonjour,

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

Par ex: ◄ ►   ►    ■   etc...

Bonne soirée.

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.

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

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>

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

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.