hover image sur image barre navigation
5 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 image sur image barre navigation
.
bonjour a tous,
ma question pour mon probleme est :
si on active dans entete et navigation l'option :
"Afficher seulement des images dans la barre des liens"
est-il possible de passer un script pour avoir une autre image lorsque on survole chaque image bouton de la barre de navigation ? (pour faire bien sur un effet de survol...)
merci d'avance pour vos aides.
.
bonjour a tous,
ma question pour mon probleme est :
si on active dans entete et navigation l'option :
"Afficher seulement des images dans la barre des liens"
est-il possible de passer un script pour avoir une autre image lorsque on survole chaque image bouton de la barre de navigation ? (pour faire bien sur un effet de survol...)
merci d'avance pour vos aides.
.
Dernière édition par LDL le Mer 12 Mar 2014 - 17:53, édité 2 fois
LDL- ****
-
Messages : 235
Inscrit(e) le : 31/07/2009
Re: hover image sur image barre navigation
Bonjour,
Une petite recherche du côté des tutoriels, et le tour est joué !
> navigation - Images de la barre de navigation modifiées au passage de la souris
Une petite recherche du côté des tutoriels, et le tour est joué !
> navigation - Images de la barre de navigation modifiées au passage de la souris
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: hover image sur image barre navigation
oups, il m'avait échappé ce tuto, pourtant je consulte la liste tres souvent....
bon ca arrive.
merci a tous encore, par contre, suis pas sur que ce tuto resolve le probleme des marges automatiques qui sont mises en haut et en bas de chaque element dans cette barre de navigation
(sur texte ; 3 pixels en haut, et 3 pixels en bas.
sur image : 8 pixels en haut, 8 pixels en bas)
l'image survolant ne couvrant donc pas toute la hauteur de la barre de navigation, mais seulement la hauteur de l'image elle meme...
EDIT :
question subsdidiaire sur ce script :
j'ai cree 2 boutons persnnalises dans entete & Navigation,
quels vont etre les identifiants pour ces deux boutons ?
.
bon ca arrive.
merci a tous encore, par contre, suis pas sur que ce tuto resolve le probleme des marges automatiques qui sont mises en haut et en bas de chaque element dans cette barre de navigation
(sur texte ; 3 pixels en haut, et 3 pixels en bas.
sur image : 8 pixels en haut, 8 pixels en bas)
l'image survolant ne couvrant donc pas toute la hauteur de la barre de navigation, mais seulement la hauteur de l'image elle meme...
EDIT :
question subsdidiaire sur ce script :
j'ai cree 2 boutons persnnalises dans entete & Navigation,
quels vont etre les identifiants pour ces deux boutons ?
.
LDL- ****
-
Messages : 235
Inscrit(e) le : 31/07/2009
Re: hover image sur image barre navigation
Alors, si j'ai bien compris ce que vous demandez :
pour enlever les marges autours des images :
Dans le CSS, rajouter :
Pour les liens que vous rajoutez dans le menu, il n'y a pas d'id correspondant. Il faudrait voir à en rajouter une. Je vais regarder de mon côté, mais vous pouvez aussi faire des recherches de votre côté en attendant, pour éviter de perdre du temps.
pour enlever les marges autours des images :
Dans le CSS, rajouter :
- Code:
#submenu img {margin:0;}
Pour les liens que vous rajoutez dans le menu, il n'y a pas d'id correspondant. Il faudrait voir à en rajouter une. Je vais regarder de mon côté, mais vous pouvez aussi faire des recherches de votre côté en attendant, pour éviter de perdre du temps.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: hover image sur image barre navigation
tiens, bizarre, ce script fonctionne pas chez moi.
(j'ai essaye aussi avec 0px, pareil..)
sinon, oui je cherche, j'ai trouve tous les identifiants de tous les boutons dans le code source de la page index, mais bizarrement rien sur mes deux boutons a moi.....
.
(j'ai essaye aussi avec 0px, pareil..)
sinon, oui je cherche, j'ai trouve tous les identifiants de tous les boutons dans le code source de la page index, mais bizarrement rien sur mes deux boutons a moi.....
.
LDL- ****
-
Messages : 235
Inscrit(e) le : 31/07/2009
Re: hover image sur image barre navigation
Bonjour ^^
Petite parenthèse pour tes écarts de la barre de navigation.
Essaie ce code :
Petite parenthèse pour tes écarts de la barre de navigation.
Essaie ce code :
- Code:
#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
Re: hover image sur image barre navigation
merci pour ce nouveau code.
malheureusement je manque de chance, il fonctionne pas chez moi,
en fait il supprime les marges de chaque cote des images, donc elles se retrouvent plus serrées en largeur, mais les marges haut et bas d'images restent intactes donc pour la hauteur, le problème persiste, le vilain !....
.
malheureusement je manque de chance, il fonctionne pas chez moi,
en fait il supprime les marges de chaque cote des images, donc elles se retrouvent plus serrées en largeur, mais les marges haut et bas d'images restent intactes donc pour la hauteur, le problème persiste, le vilain !....
.
LDL- ****
-
Messages : 235
Inscrit(e) le : 31/07/2009
Re: hover image sur image barre navigation
Le forum concerné n'est pas celui du profil à priori ? Si c'est effectivement le cas, il nous le faudrait, qu'on puisse vérifier, autrement soyez plus concis parce que je ne vois pas de marge supérieure au niveau des images de navigation.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: hover image sur image barre navigation
c'ets le cas.
le forum est celui de mon profil :
http://go-on.forumactif.com/forum
sous la bannière flash, les images boutons font 34 px de hauteur, mais la barre de navigation fait 50, car elle a mis 8 px en haut et en bas.
suis toujours sinon a la recherche des identifiants de deux boutons crees dans le module entete et navigation....
.
le forum est celui de mon profil :
http://go-on.forumactif.com/forum
sous la bannière flash, les images boutons font 34 px de hauteur, mais la barre de navigation fait 50, car elle a mis 8 px en haut et en bas.
suis toujours sinon a la recherche des identifiants de deux boutons crees dans le module entete et navigation....
.
LDL- ****
-
Messages : 235
Inscrit(e) le : 31/07/2009
Re: hover image sur image barre navigation
Ton CSS comporte
Ce qui correspond bien aux marges que l'on constate sur ton forum entre la barre de navigation et son conteneur.
0.5em en haut / 0.65em en bas.
#submenu {
background: #bbb;
color: #141317;
padding: .5em 0 .65em;
text-align: right;
}
Ce qui correspond bien aux marges que l'on constate sur ton forum entre la barre de navigation et son conteneur.
0.5em en haut / 0.65em en bas.
Re: hover image sur image barre navigation
LDL a écrit:
suis toujours sinon a la recherche des identifiants de deux boutons crees dans le module entete et navigation....
.
Bonjour
Pour les ID regardez ICI
https://forum.forumactif.com/t363585-creer-un-identifiant-image
Cdt.
Re: hover image sur image barre navigation
AoF-Neptune a écrit:..........Ce qui correspond bien aux marges que l'on constate sur ton forum.........
cool, donc avec ce script je peux controler la hauteur parfaitement, je viens de l'integrer et de regler la hauteur comme je le souhaitais.
je regarde pour la creation d'identifiants et reviens en edit sur mon post....
.
LDL- ****
-
Messages : 235
Inscrit(e) le : 31/07/2009
Re: hover image sur image barre navigation
Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou à faire un UP régulièrement ! Ce sujet est corbeillé (rappel de pourquoi), merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum. A bientôt sur ForumActif |
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Sujets similaires
» Barre de navigation CSS - hover non souligné
» Image dans la barre de navigation
» Effet de transition (hover) avec la barre de navigation
» Barre de navigation sans image
» Image Barre de navigation
» Image dans la barre de navigation
» Effet de transition (hover) avec la barre de navigation
» Barre de navigation sans image
» Image Barre de navigation
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