Deplacement du lien au passage de la souris

[Towmbly]

Bonjour,

Encore moi...
Alors je ne trouve pas comment faire pour "que quand je passe ma souris sur un lien, le lien ce déplace sur la droite lentement et s’agrandit" J'espère que vous avez compris
J'ai cherché partout, même dans google mais j'ai obtenu aucune réponse.

Merci de votre aide.

Cordialement.

[Lixyr]

Bonjour.

Vous voulez cet effet sur quelle partie de votre forum ?
Quelle est la version de votre forum ?

Cordialement.

[Towmbly]

Sur tout le forum de préférence et je suis en PHPBB3.

[Towmbly]

UP. Je voudrais comme Ici

[Anzu]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

[Dr. Karlos]

Bonsoir,

Insérez ce code dans votre CSS (PA > Affichage > Images et couleurs > Couleurs > Feuille de style CSS):

Code:

a.forumlink:hover {
padding-left: 10px; /* Distance lors du déplacement */
color: #couleur !important;
text-decoration: none;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;  /* Temps de déplacement */
-moz-transition: 2s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 2s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 2s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 2s; /* Temps de déplacement (pour une version en particulier */
}

Si vous modifiez le temps de déplacement, cela doit être le même partout. De plus, n'oubliez pas de modifier votre couleur lors du passage de la souris dans cette partie du code:

Code:

color: #couleur !important;

Cordialement.

[Towmbly]

Votre code ne fonctionne pas Dr. Karlos

[Dr. Karlos]

Bonsoir,

Pardonnez-moi, il s'agissait d'un code pour les liens dans la barre de navigation.

Remplacez l'autre code par celui-ci:

Code:

a:hover {
padding-left: 10px; /* Distance lors du déplacement */
color: #couleur !important;
text-decoration: none;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;  /* Temps de déplacement */
-moz-transition: 2s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 2s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 2s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 2s; /* Temps de déplacement (pour une version en particulier */
}

Cordialement.

[Towmbly]

Fonctionne parfaitement

Je vous remercie Dr. Karlos