Effet de slide et transition sur les titres qui fait descendre le forum

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

Résolu Effet de slide et transition sur les titres qui fait descendre le forum

Message par @To le Mer 22 Juil 2015 - 2:52

Détails techniques


Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonsoir,

J'ai appliqué un code pour un slide et transition de couleur sur les titres.

Seulement lorsque que l'effet s’applique en passant la souris sur un titre cela fait légèrement descendre le reste du forum. Vous pouvez tester sur mon forum.

Voici le CSS:

Code:
.forumtitle { -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in;
 -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
a.forumtitle:hover { color: green;margin-left: 12px; }
.topictitle { -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in;
 -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
a.topictitle:hover { color: green;margin-left: 12px; }

Comment éviter cette effet non désiré? merci de votre aide.


Dernière édition par To-DMEvo le Jeu 23 Juil 2015 - 18:28, édité 1 fois

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

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

Résolu Re: Effet de slide et transition sur les titres qui fait descendre le forum

Message par @To le Jeu 23 Juil 2015 - 5:42

Up

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

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

Résolu Re: Effet de slide et transition sur les titres qui fait descendre le forum

Message par Teurancher le Jeu 23 Juil 2015 - 17:58

Salut à toi,
Premier essai;


Code:
.forumtitle {
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
display: inline-block; }

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de slide et transition sur les titres qui fait descendre le forum

Message par @To le Jeu 23 Juil 2015 - 18:16

Salut Teurancher,

J'ai ajouté
Code:
display: inline-block;
, Pas de changement, as-tu une autre idée?

Merci

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

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

Résolu Re: Effet de slide et transition sur les titres qui fait descendre le forum

Message par Teurancher le Jeu 23 Juil 2015 - 18:24

Re,
Second essai, n'oublie pas de retirer les autres code CSS pour pas avoir un mélange des deux codes ~


Code:
.forumtitle {
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
display: inline-block; }

a.forumtitle:hover {
color: green;
margin-left: 12px;
display: inline-block; }

.topictitle {
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
display: inline-block; }

a.topictitle:hover { display: inline-block;  color: green;margin-left: 12px; }

Cela fonctionne pour ma part. ^^

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effet de slide et transition sur les titres qui fait descendre le forum

Message par @To le Jeu 23 Juil 2015 - 18:27

Oui!! Ca fonctionne aussi for me Very Happy

Thanks! Wink

résolu

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To 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