hover pour liens
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
hover pour liens
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 :
Puis mon lien du forum : Cliquez ici
Pouvez-vous m'aider SVP ?
Cordialement : Ludacris
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
Re: hover pour liens
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 :
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;
}
Re: hover pour liens
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"
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"
Re: hover pour liens
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...
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...
Re: hover pour liens
non tu voit pas de quoi je parle je te met un screen :
sa te le fait toi ou pas sa ?
sa te le fait toi ou pas sa ?
Re: hover pour liens
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 :
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;
}
Re: hover pour liens
Alors laà !!!!!! bisard
en premier temps juste après validation du css averc ce que tu m'a dit :
screen :
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.
en premier temps juste après validation du css averc ce que tu m'a dit :
screen :
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.
Re: hover pour liens
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) :
EDIT : Essaie aussi
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) :
Et ensuite essaie sans le "img"a#i_logo:hover img {
background-color: transparent!important;
}
a.mainmenu:hover img {
background-color: transparent!important;
}
EDIT : Essaie aussi
Essayer aussi sans le a avant les attributs point et dièse---a img:hover {
background: transparent!important;
}
OU
a:hover img {
background: transparent!important;
}
Dernière édition par Final-Blonde le Dim 23 Oct 2011 - 23:28, édité 1 fois
Re: hover pour liens
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é.
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
Re: hover pour liens
UP j'étais en plein "edit"^^
Re: hover pour liens
Up, dsl j'ai édité sur le message d'avant, rien a changé.
Re: hover pour liens
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;
}
Re: hover pour liens
Ok pour essayer, et non toujours pas ^^
Re: hover pour liens
Dernière idée en relisant ton CSS, supprimer ceci :
Plutôt remplacer par :a.forumlink:hover, a.forumlink:hover: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...a:hover, a:visited {
background-color: #E3DFD6;
border-left: 9px solid #E3DFD6;
border-right: 9px solid #E3DFD6;
-moz-border-radius:6px;
}
Re: hover pour liens
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é
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é
Re: hover pour liens
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 :
Garde que ce que j'ai mis dans le message d'avant et supprime aussi :
Chez moi, ça l'a corrigé maintenant...a:link:hover, a:link:hover:visited
{
background-color: #FFFFFF;
border-left: 9px solid #FFFFFF;
border-right: 9px solid #FFFFFF;
-moz-border-radius:6px;
}
Re: hover pour liens
Je remet mon code css :
Et sa ne change pas...
- 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...
Re: hover pour liens
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.
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.
Re: hover pour liens
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 !
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 !
Re: hover pour liens
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 ^^
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 ^^
Re: hover pour liens
Bon je me suis dépatouillé autrement, en fesant comme tu l'a dit dans un de tes messages (lien par lien)
je te remercie encore beaucoup pour ton aide.
- 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.
Sujets similaires
» "hover" uniquement pour les membres
» Modifier un code pour lier le profil au hover de l'avatar
» Besoin d'aide pour redimensionner les images dans un code en hover
» Soucis pour poster des liens pour les nouveaux utilisateurs (de - de 7 jours)
» Comment faire pour que les liens internet posté sur mon forum deviennent cliquable pour les visiteurs ?
» Modifier un code pour lier le profil au hover de l'avatar
» Besoin d'aide pour redimensionner les images dans un code en hover
» Soucis pour poster des liens pour les nouveaux utilisateurs (de - de 7 jours)
» Comment faire pour que les liens internet posté sur mon forum deviennent cliquable pour les visiteurs ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum