Effet Fading de JQuery sur les liens du forum

[Hishnack]

Bonjour,

J'ai voulu appliquer le code de ce tutorial sur mon forum mais ça ne marche pas. J'ai mis les deux fichiers du fichier ".zip" en hébergement dans les pages javascript sur forumactif, j'ai mis :

Code:


a{
   color:#f30;
   font-weight:bold;
   text-decoration:none;
   }
a span.two{
   color:#069;
   cursor:pointer;
   }

et

Code:

#content a{
      color:#f30;
      font-weight:bold;
      text-decoration:none;
      }
#content a span.two{
      color:#069;
      cursor:pointer;
      }

Dans mes CSS mais ça ne marche pas... Ai-je fais quelque chose de travers ?

[Niko]

Salut

le problème est que le tutoriel que vous avez suivi ne fut pas créé pour Forumactif, et puis ses sélecteurs (classe et ID) ne sont pas connectés...
Pouvez-vous me dire un petit peu... Vous voulez avoir cet effet pour tous les liens ?

[Hishnack]

Au départ je voudrais appliquer cet effet sur des liens spécifiques (genre les liens pour aller dans un forum ou un sous-forum) mais je me suis dis que ce serait plus compliqué à faire plutôt que le faire pour tous les liens :/...

[Niko]

Mais de quoi je suis capable de comprendre ce code fonctionne uniquement si vous utilisez ce type de lien :

Code:

<a href="http://forum.forumactif.com/"><span class="two">Text</span></a>

[Hishnack]

Heu je ne comprend pas bien votre phrase et pourquoi il y a des smileys perplexes mais j'ai essayé de coller cette ligne de code que vous donnez dans un message et ça ne marche pas...

[Matriochka]

Bonsoir,

Si j’étais toi, je me faciliterai la vie avec du CSS, plutôt que de m’encombrer avec des codes… En matière de transition, CSS3 nous offre ceci :

Code:

a {
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all .06s ease-in;
    transition: alla 0.6s ease-in;}

Après, je dis ça, je dis rien ! ^^

[Ea]

Bonjour,


Plutôt :

Code:

a {
  -webkit-transition: all 0.6s ease-in;
  -moz-transition: all 0.6s ease-in;
  -ms-transition: all 0.6s ease-in
  -o-transition: all .06s ease-in;
  transition: all 0.6s ease-in;
}

Et si il faut juste la couleur ça peut-être mieux de mettre :

Code:

a {
  -webkit-transition: color 0.6s ease-in;
  -moz-transition: color 0.6s ease-in;
  -ms-transition: color 0.6s ease-in
  -o-transition: color .06s ease-in;
  transition: color 0.6s ease-in;
}

Il y a un tableau des compatibilités là :
https://developer.mozilla.org/en/CSS/CSS_transitions#AutoCompatibilityTable

À part ceux qui sont sur IE en dessous de la version 10 ça passe donc ça peut être un bon choix.

Cordialement.

[Hishnack]

Ha en effet avec du code CSS ça marche impeccable !!!!! He ben je suis impressionnée ! Je vais me renseigner sur le CSS3 ! Merci Matriochka et merci Etana !