hover pour liens

2 participants

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

Résolu hover pour liens

Message par ludacris Dim 23 Oct 2011 - 21:12

Bonsoir,

J'aimerai savoir si il est possible de faire des exceptions sur le CSS.

Je m'explique :
- lors d'un survole de la souri sur mes liens, un fond blanc se met, puis se retire dès lors que la souris n'y est plus dessus.
- PROBLEME : je l'ai appilqué sur tout les liens
- Solution : j'aimerai pas que sa me le fasse lors du survole = de l'image en tete, de la banniere et des boutons.

est-ce possible ?

Voici mon CSS :

Code:
body
{
  color:inherit;filter:Alpha(opacity=95);-moz-opacity:0.95;
  opacity: 0.95;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
  font-weight: bold; /* En gras */
  font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
  color: #56E8E8;
}

a
{
  font-size: 1.2em;
}

.forumline {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 }

.postbody {
  -moz-border-radius: 25px;
  border-radius: 25px;
  border : 5px solid #001040;
  padding: 5px;
  background-color: #000010;
  margin: 5px;
}

body
{
  cursor: url(http://img843.imageshack.us/img843/7476/curseurf.png), auto;
}

a.forumlink:hover, a.forumlink:hover:visited
{
  background-color: #E3DFD6;
  border-left: 9px solid #E3DFD6;
  border-right: 9px solid #E3DFD6;
  -moz-border-radius:6px;
}

.secondarytitle
{   
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
a:link:hover, a:link:hover:visited
{
  background-color: #FFFFFF;
  border-left: 9px solid #FFFFFF;
  border-right: 9px solid #FFFFFF;
  -moz-border-radius:6px;
}

Puis mon lien du forum : Cliquez ici

Pouvez-vous m'aider SVP ?


Cordialement : Ludacris


Dernière édition par ludacris le Lun 24 Oct 2011 - 1:05, édité 1 fois
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Dim 23 Oct 2011 - 21:50

Bonsoir Ludacris,

Euh, je ne vois pas de fond blanc sur les l'image de l'entête (tu veux dire le titre), ni sur la barre de navigation et ni sur la bannière...
De ce que j'ai vu, ça le fais bien que sur les liens-texte...

Par contre, si tu veux te débarrasser du soulignement par défaut des liens-texte, tu peux ajouter cette ligne dans ton CSS :
a, a:link, a:hover {
text-decoration: none!important;
}
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Dim 23 Oct 2011 - 21:55

Lu et merci d'avoir pris du temps pour moi.

Je viens de revérifier, et même en retirant les soulignement, sa me le fait toujours.

Donc je vais utiliser les bon termes.


Quand on survole le logo du forum un gros cadre blanc se met juste en dessous, que se soit sur IE ou sur Mozilla. et pareil pour les image "accueil, recherche,groupes,profil etc..."

ceci est du à mon hover je le sais bien, mais j'aimerais que sa le fasse que sur les liens "normaux"
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Dim 23 Oct 2011 - 22:33

Oui le code donné plus haut n'était pas en fonction de ton sujet, mais juste pour le cas où tu trouverais ce soulignement aussi pas bô... (-:

Pour revenir à ton problème, je vois maintenant de quoi tu veux parler :
De l'adresse qui s'affiche quand on passe sur une image ou un lien ?
Alors là, je ne sais pas non plus quelle est l'astuce pour empêcher cela et je suis d'accord que c'est assez énervant surtout quand tu as de beaux effets sur les liens...
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Dim 23 Oct 2011 - 22:41

non tu voit pas de quoi je parle je te met un screen :

hover pour liens Problemei

sa te le fait toi ou pas sa ?
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Dim 23 Oct 2011 - 22:59

Ah tiens, sous Opera je ne le vois pas en effet, comme quoi il y a des navigateurs qui acceptent encore des erreurs...

Bon nous allons trouver les identifiants du logo, de la navbar et essayer de supprimer cela via le CSS :
a#i_logo:hover, a#i_logo img:hover {
background-color: transparent!important;
}
a.mainmenu:hover, a.mainmenu img:hover {
background-color: transparent!important;
}
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Dim 23 Oct 2011 - 23:10

Alors laà !!!!!! bisard

en premier temps juste après validation du css averc ce que tu m'a dit :

screen :
hover pour liens Pb2d

Puis j'actualise la page, sa me remet celle que je t'ai mis avant dans l'autre message, et les cadres blancs s'affiche toujours.
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Dim 23 Oct 2011 - 23:18

C'est parce que tu as une couleur de fond de page, je suppose...

Ton logo, est-il dans la gestion des images à la place du logo ou de l'entête ?

Quant à la navbar, je crains qu'il faille prendre menu par menu et leur mettre à chacun un fond de couleur transparent, si ça n'a rien fait sur la barre en général...

Essaie peut-être encore comme ça (j'ai peut-être fait une erreur) :
a#i_logo:hover img {
background-color: transparent!important;
}
a.mainmenu:hover img {
background-color: transparent!important;
}
Et ensuite essaie sans le "img"


EDIT : Essaie aussi
a img:hover {
background: transparent!important;
}

OU

a:hover img {
background: transparent!important;
}
Essayer aussi sans le a avant les attributs point et dièse---


Dernière édition par Final-Blonde le Dim 23 Oct 2011 - 23:28, édité 1 fois
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Dim 23 Oct 2011 - 23:27

Mon logo : est bien dans la gestion d'image.
couleur fond de page : Je n'arrive pas dans la gestion de couleur à le mettre transparent ! sauf si il y a code Css pour le fond de page que je ne conné pas.

J'ai essayer ton nouveau code, et sans le img, sa n'a rien changé.



Ps : Merci encore pour ton aide ^^


EDITE : toutes les images sont par le biais de la gestion d'image.
J'ai essayé tes 2 nouveau codes. Toujours rien de changé.


Dernière édition par ludacris le Dim 23 Oct 2011 - 23:29, édité 1 fois
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Dim 23 Oct 2011 - 23:28

UP j'étais en plein "edit"^^
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Dim 23 Oct 2011 - 23:32

Up, dsl j'ai édité sur le message d'avant, rien a changé.
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Dim 23 Oct 2011 - 23:40

Essayons ainsi, et il faudra essayer dans toutes les versions à nouveau, et commençons juste par le logo :
#i_logo:hover {
background-color: transparent!important;
background-image: none!important;
}
OU
#i_logo:hover a {
background-color: transparent!important;
background-image: none!important;
}
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Dim 23 Oct 2011 - 23:43

Ok pour essayer, et non toujours pas ^^
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Dim 23 Oct 2011 - 23:54

Dernière idée en relisant ton CSS, supprimer ceci :
a.forumlink:hover, a.forumlink:hover:visited
{
background-color: #E3DFD6;
border-left: 9px solid #E3DFD6;
border-right: 9px solid #E3DFD6;
-moz-border-radius:6px;
}
Plutôt remplacer par :
a:hover, a:visited {
background-color: #E3DFD6;
border-left: 9px solid #E3DFD6;
border-right: 9px solid #E3DFD6;
-moz-border-radius:6px;
}
Sachant que a est pour les liens-texte me semble-t-il...
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Lun 24 Oct 2011 - 0:00

normalement a est pour les liens textes mais pourquoi cela s'applique aussi aux logo, boutons et bannières...
Sa me parait bizarre que le logo soit pas dans des balise "ul ou li" je sais plus trop le code pour les liens...

Ps : J'ai remplacé et sa m'a juste changer un peux la différence du hover visité et du non visité


EDIt : j'avais un doublons pour les a mais sa n'a rien changé
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Lun 24 Oct 2011 - 0:04

Si c'est normal, c'est le "link" qui fait ça aussi.
Garde que ce que j'ai mis dans le message d'avant et supprime aussi :
a:link:hover, a:link:hover:visited
{
background-color: #FFFFFF;
border-left: 9px solid #FFFFFF;
border-right: 9px solid #FFFFFF;
-moz-border-radius:6px;
}
Chez moi, ça l'a corrigé maintenant...
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Lun 24 Oct 2011 - 0:09

Je remet mon code css :

Code:
body
{
  color:inherit;filter:Alpha(opacity=95);-moz-opacity:0.95;
  opacity: 0.95;
}

p:first-letter
{
  font-weight: bold;
  font-size: 1.2em;
  color: #56E8E8;
}


.forumline {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 }

.postbody {
  -moz-border-radius: 25px;
  border-radius: 25px;
  border : 5px solid #000005;
  padding: 5px;
  background-color: #000008;
  margin: 5px;
}

body
{
  cursor: url(http://img843.imageshack.us/img843/7476/curseurf.png), auto;
}

a:hover, a:visited
{
  background-color: #E3DFD6;
  border-left: 9px solid #E3DFD6;
  border-right: 9px solid #E3DFD6;
  -moz-border-radius:6px;
}

.secondarytitle
{   
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}


Et sa ne change pas...
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Lun 24 Oct 2011 - 0:20

Oui j'ai vu aussi chez moi...
Bizarre, bizarre !

Ecoute, là je n'en peux plus.
Je suis sûre que c'est là juste sous notre nez, mais là j'ai les yeux qui s'entre-choquent...

Je regarderai plus loin demain, dès que j'ai un moment.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par kheino Lun 24 Oct 2011 - 0:20

Oui j'ai vu aussi chez moi...
Bizarre, bizarre !

Ecoute, là je n'en peux plus.
Je suis sûre que c'est là juste sous notre nez, mais là j'ai les yeux qui s'entre-choquent...

Je regarderai plus loin demain, dès que j'ai un moment.



EDIT
: Ah ben même mon message s'est entre-choqué lui-même ! Mr. Green
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Lun 24 Oct 2011 - 0:22

d'accord, y'a pas de soucis !

Y'a encore un autre soucis par rapport au type de navigateur, mais bon.

Je vais patientez et te dirai sa demain si tu est la.

Bonne soirée.
Et merci encore pour ton aide


EDIT : c'était le moment ^^
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover pour liens

Message par ludacris Lun 24 Oct 2011 - 1:04

Bon je me suis dépatouillé autrement, en fesant comme tu l'a dit dans un de tes messages (lien par lien)

Code:
body
{
  color:inherit;filter:Alpha(opacity=95);-moz-opacity:0.95;
  opacity: 0.95;
}

p:first-letter
{
  font-weight: bold;
  font-size: 1.2em;
  color: #56E8E8;
}


.forumline {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 }

.postbody {
  -moz-border-radius: 25px;
  border-radius: 25px;
  border : 5px solid #000005;
  padding: 5px;
  background-color: #000008;
  margin: 5px;
}

body
{
  cursor: url(http://img843.imageshack.us/img843/7476/curseurf.png), auto;
}

.secondarytitle
{   
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

a.forumlink:hover
{
  background-color: #E3DFD6;
  border-left: 9px solid #E3DFD6;
  border-right: 9px solid #E3DFD6;
  -moz-border-radius:6px;
}
a.gen:hover
{
  background-color: #E3DFD6;
  border-left: 9px solid #E3DFD6;
  border-right: 9px solid #E3DFD6;
  -moz-border-radius:6px;
}
a.gensmall:hover
{
  background-color: #E3DFD6;
  border-left: 9px solid #E3DFD6;
  border-right: 9px solid #E3DFD6;
  -moz-border-radius:6px;
}
a.nav:hover
{
  background-color: #E3DFD6;
  border-left: 9px solid #E3DFD6;
  border-right: 9px solid #E3DFD6;
  -moz-border-radius:6px;
}
a.genmed:hover
{
  background-color: #E3DFD6;
  border-left: 9px solid #E3DFD6;
  border-right: 9px solid #E3DFD6;
  -moz-border-radius:6px;
}
a.topictitle:hover
{
  background-color: #E3DFD6;
  border-left: 9px solid #E3DFD6;
  border-right: 9px solid #E3DFD6;
  -moz-border-radius:6px;
}


je te remercie encore beaucoup pour ton aide.
avatar

ludacris
*

Messages : 35
Inscrit(e) le : 21/10/2011

http://ansnekkar.ogameunivers.com/
ludacris 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