Effet Fading de JQuery sur les liens du forum

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

Résolu Effet Fading de JQuery sur les liens du forum

Message par Hishnack le Sam 10 Mar 2012 - 12:10

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 ?


Dernière édition par Hishnack le Sam 10 Mar 2012 - 22:24, édité 1 fois

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet Fading de JQuery sur les liens du forum

Message par Niko le Sam 10 Mar 2012 - 14:27

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 ? Mince

Niko
****

Masculin
Messages : 211
Inscrit(e) le : 11/01/2012

https://www.translationscloud.com
Niko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet Fading de JQuery sur les liens du forum

Message par Hishnack le Sam 10 Mar 2012 - 14:36

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 :/...

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet Fading de JQuery sur les liens du forum

Message par Niko le Sam 10 Mar 2012 - 14:43

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>

Hein Hein

Niko
****

Masculin
Messages : 211
Inscrit(e) le : 11/01/2012

https://www.translationscloud.com
Niko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet Fading de JQuery sur les liens du forum

Message par Hishnack le Sam 10 Mar 2012 - 16:06

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...

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet Fading de JQuery sur les liens du forum

Message par Matriochka le Sam 10 Mar 2012 - 21:23

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 ! ^^

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Effet Fading de JQuery sur les liens du forum

Message par Ea le Sam 10 Mar 2012 - 21:34

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.

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

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

Résolu Re: Effet Fading de JQuery sur les liens du forum

Message par Hishnack le Sam 10 Mar 2012 - 22:22

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 ! Very Happy

Hishnack
**

Féminin
Messages : 98
Inscrit(e) le : 05/01/2011

http://starwarsriseofforce.forumactif.org/
Hishnack 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