Problème CSS pour les titres des catégories au survol

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

Résolu Problème CSS pour les titres des catégories au survol

Message par Shtoum le Jeu 2 Juil 2015 - 18:18

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://coresdoparaiso.forumactif.fr/

Description du problème

Bonjour/Bonsoir,
j'ai modifié mon CSS pour que mes catégories au survol puissent augmenter l'espace entre les lettres et changer de couleur mais de façon progressive lorsque l'on place la souris sur le titre.
Le problème étant que lorsque l'on retire la souris le titre se "retrace" brusquement, enfin vous comprendrez en allant visiter le forum je pense.
Je voulais savoir s'il était possible que le titre revienne progressivement tout comme lorsque la souris est sur la catégorie ?

CSS concerné:
Code:
/*TITRE CATEGORIE*/
a.forumlink:link, a.forumlink:visited {
font-size: 25px;
text-align : left;
font-family: Times New Roman;
text-transform : lowercase;
text-shadow: 0px 0px 3px #AD907E;
letter-spacing: -3px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
margin-left: 30px;
margin-bottom: -2px;
display: block;
  -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #AD907E;
    position: absolute;
    margin-top: -30px;
}

/*TITRE CATEGORIE AU SURVOL*/
span a.forumlink:hover {
  color: #598385;
letter-spacing: 2px; /* espacement du texte au survol */
  text-transform : lowercase;
text-shadow: 0px 0px 10px #598385;
  -moz-transition: all 2s;
-o-transition: all 2s ease 0s;
-webkit-transition: all 2s ease 0s
}

Merci de vos réponses,
Shtoum.


Dernière édition par Shtoum le Jeu 2 Juil 2015 - 18:34, édité 1 fois

Shtoum
Nouveau membre

Féminin
Messages : 24
Inscrit(e) le : 31/08/2012

http://skole.forumactif.com/
Shtoum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème CSS pour les titres des catégories au survol

Message par no_way le Jeu 2 Juil 2015 - 18:30

Bonjour, remplacez votre code CSS par celui qui suit:
Code:
/*TITRE CATEGORIE*/
a.forumlink:link, a.forumlink:visited {
font-size: 25px;
text-align : left;
font-family: Times New Roman;
text-transform : lowercase;
text-shadow: 0px 0px 3px #AD907E;
letter-spacing: -3px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
margin-left: 30px;
margin-bottom: -2px;
display: block;
-moz-text-blink: none;
-moz-text-decoration-color: -moz-use-text-color;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
color: #AD907E;
position: absolute;
margin-top: -30px;
-moz-transition: all 2s;
-o-transition: all 2s;
-webkit-transition: all 2s;
transition:all 2s;
}
 
/*TITRE CATEGORIE AU SURVOL*/
span a.forumlink:hover {
color: #598385;
letter-spacing: 2px; /* espacement du texte au survol */
text-transform : lowercase;
text-shadow: 0px 0px 10px #598385;
}

no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

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

Résolu Re: Problème CSS pour les titres des catégories au survol

Message par Shtoum le Jeu 2 Juil 2015 - 18:34

Oh merci c'est parfait !
Merci d'avoir répondu si vite !

Je suis ravie, bonne continuation à vous !

Shtoum
Nouveau membre

Féminin
Messages : 24
Inscrit(e) le : 31/08/2012

http://skole.forumactif.com/
Shtoum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème CSS pour les titres des catégories au survol

Message par no_way le Jeu 2 Juil 2015 - 18:41

Je vous en prie, de même Wink

no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

no_way 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