Survole du poiteur supprimer le surlignement et le décalage que ça produit.

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

Résolu Survole du poiteur supprimer le surlignement et le décalage que ça produit.

Message par Magic-atelier le Jeu 18 Fév 2010 - 22:39

Bonjour,

Quand je passe le pointeur de la souri sur un lien ça souligne le lien et ça décale toute la page. Je ne trouve pas cela très plaisant et je voudrais y remédier. Savez comment l'enlevez ?

Malgré mes recherches je n'ai pas trouvé de sujet que m'aidais. Embarassed Embarassed

Magic-atelier
*

Messages : 49
Inscrit(e) le : 18/02/2010

http://atelierpaïen.forum-actif.net
Magic-atelier a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Survole du poiteur supprimer le surlignement et le décalage que ça produit.

Message par Invité le Ven 19 Fév 2010 - 7:56

Bonjour,

C'est pourtant de la "déco" personnalisée ou c'est le thème par défaut...

Dans le PA >> Affichage >> Couleurs > Feuille de style CSS
Trouve ceci :
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}

a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

a:hover {
text-decoration: none ;
color: black ; border-bottom: 1px dotted #a9c252;
}

a:hover {
font-variant : small-caps;
}

a:hover { letter-spacing: 1px; }
Déjà il y a beaucoup de répétition inutiles (en rouge) du a:hover et c'est lui qui te dérange. En bleu ce sont les propriétés qui font "bouger" et le soulignement.

Remplace tout ça par :
a, a.postlink, a.topictitle, a.forumlink, a:link, a:hover, a:visited, a:focus, a:active {text-decoration: none !important;}
Ensuite tu peux reprendre, dans des lignes plus bas, l'intitulé que tu veux et lui donner l'effet que tu veux en un seul bloc, par exemple pour le a:hover (survol des liens) :
a, a.postlink, a.topictitle, a.forumlink, a:link, a:hover, a:visited, a:focus, a:active {text-decoration: none !important;}

a:hover {color: #code_couleur_survol;
font-variant : small-caps;
letter-spacing: 1px;
border-bottom: 1px dotted #a9c252;}
Wink

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


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