Mettre en couleur d'un lien

[chrisnvidia]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : mettre en couleur du lien
Lien du forum : http://sos-pc.forumactif.org/

Description du problème

Bonsoir tout le monde

Je voudrais savoir comment mettre un lien en couleur
exemple forumactif

Merci d'avance pour votre aide

[Shiyami]

C'est tout bête !
Tu vas dans Panneau d'administration → Affichage → Couleurs
Et normalement tu auras "Lien" dans ce qu'on te propose ^^
Bonne soirée !

[chrisnvidia]

Désolé mais je ne trouve pas , j'ai simplement ceci



Ou bien de mettre le lien qui clignote lentement c'est possible sa ?

[Shiyami]

Bah c'est ça ! Tu peux changer la "Couleur du Lien" (donc couleur de base du lien), la "Couleur du Lien visité" (donc quand on a déjà cliqué sur le lien au moins une fois), la "Couleur du Lien actif" (donc la quand on est sur la page du lien), la "Couleur du Lien survolé" (soit quand le curseur de la souris passe sur le lien).
J'espère que c'est plus clair pour toi ^^

[chrisnvidia]

hello Shiyami

Je crois qu'on c'est mal compris

Ce lien => EaseUS Data Recovery Wizard gratuit je voudrais le mettre en couleur et qui clignote lentement si c'est possible

[Shiyami]

Aaaaah ! D'accord, oui XD
Dans ce cas, ce que je peux te proposer en CSS :

Code:

.LIEN-CLI {color:black;transition: color 1s ease-in-out;}
.LIEN-CLI:hover {color:orange;}

Tu peux modifier la couleur à souhait, et la transition "1s" est modifiable (tu peux tout à fait augmenter le temps, donc passer de 1s à 4s si tu le souhaites, ou au contraire baisser le temps à 0.5s ^^)

Puis, pour utiliser ce code, tu prends le lien et tu fais comme ceci :

Code:

<a href="URL/LIEN A INSERER" class="LIEN-CLI" target="_blank">Je suis un lien</a>

Si tu parles de tous tes liens en général et pas un seul que tu voudrais modifier, il faudrait faire dans le CSS :

Code:

a {color:black;transition: color 1s ease-in-out;}
a:hover {color:orange;}

Dis-moi si ça fonctionne ou pas

[chrisnvidia]

Non sa ne fonctionne pas

J'ai pris celui ci

Code:

.a {color:black;transition: color 2s ease-in-out;}
a:hover {color:orange;}

Quand je passe la souris sur le lien il est orange mais sans clignoter

[Shiyami]

Attention ! Il n'y a pas de points devant le a !

Code:

a {color:black;transition: color 2s ease-in-out;}
a:hover {color:orange;}

Il faudrait qu'il clignote ou qu'il change simplement de couleur lorsque l'on passe notre souris dessus ? Parce qu'il ne change que de couleur.
Pour clignoter, c'est ce code qu'il faut ajouter dans le javascript (Panneau d'administration → Modules → Gestion des codes Javascript) :

Code:

var signe = -1;
var clignotementFading = function(){
  var obj = document.getElementById('LblClignotant');
  if (obj.style.opacity >= 0.96){
      signe = -1;
  }
  if (obj.style.opacity <= 0.04){
      signe = 1;
  }
  obj.style.opacity = (obj.style.opacity * 1) + (signe * 0.04);
};

// mise en place de l appel de la fonction toutes les 0.085 secondes
// Pour arrêter le clignotement : clearInterval(periode);
periode = setInterval(clignotementFading, 85 );

et ce code dans votre CSS :

Code:

#LblClignotant a {color:black;}

Dîtes-moi si ça fonctionne

[chrisnvidia]

Sa clignote pas encore mais y a du mieux car quand je passe la souris sur le lien sa change de couleur

[chrisnvidia]

Je passe en mode résolu .

Merci pour ton aide Shiyami