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 Invité 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
Anonymous

Invité
Invité


Invité 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 Invité Jeu 23 Juil 2015 - 5:42

Up
Anonymous

Invité
Invité


Invité 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 Jeu 23 Juil 2015 - 17:58

Salut à toi,
Premier essai;

Effet de slide et transition sur les titres qui fait descendre le forum A_plac10
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

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 Invité 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
Anonymous

Invité
Invité


Invité 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 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 ~

Effet de slide et transition sur les titres qui fait descendre le forum A_plac10
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

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 Invité Jeu 23 Juil 2015 - 18:27

Oui!! Ca fonctionne aussi for me Very Happy

Thanks! Wink

résolu
Anonymous

Invité
Invité


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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum