hover image sur image barre navigation

5 participants

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

Résolu hover image sur image barre navigation

Message par LDL Mer 12 Mar 2014 - 16:55

.


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.
Smile


.


Dernière édition par LDL le Mer 12 Mar 2014 - 17:53, édité 2 fois
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: hover image sur image barre navigation

Message par Lixyr Mer 12 Mar 2014 - 17:02

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez hover image sur image barre navigation 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu hover image sur image barre navigation 3592387030 pour prévenir la modération.

hover image sur image barre navigation Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: hover image sur image barre navigation

Message par LDL Mer 12 Mar 2014 - 17:52

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 ?

.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: hover image sur image barre navigation

Message par Lixyr Mer 12 Mar 2014 - 19:00

Alors, si j'ai bien compris ce que vous demandez :

Like a Star @ heaven pour enlever les marges autours des images :
Dans le CSS, rajouter :
Code:
#submenu img {margin:0;}

Like a Star @ heaven 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 hover image sur image barre navigation 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu hover image sur image barre navigation 3592387030 pour prévenir la modération.

hover image sur image barre navigation Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par LDL Mer 12 Mar 2014 - 19:28

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.....
Sad


.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

LDL a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: hover image sur image barre navigation

Message par Neptunia Mer 12 Mar 2014 - 20:40

Bonjour ^^


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;
}
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par LDL Mer 12 Mar 2014 - 22:34

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 !....

.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: hover image sur image barre navigation

Message par Lixyr Jeu 13 Mar 2014 - 22:21

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 hover image sur image barre navigation 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu hover image sur image barre navigation 3592387030 pour prévenir la modération.

hover image sur image barre navigation Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par LDL Ven 14 Mar 2014 - 1:48

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....

.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

LDL a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: hover image sur image barre navigation

Message par Neptunia Ven 14 Mar 2014 - 2:02

Ton CSS comporte

#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.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: hover image sur image barre navigation

Message par Adam_sfp Ven 14 Mar 2014 - 7:32

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.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par LDL Ven 14 Mar 2014 - 10:25

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....
Wink


.
LDL

LDL
****

Masculin
Messages : 235
Inscrit(e) le : 31/07/2009

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

Résolu Re: hover image sur image barre navigation

Message par Lixyr Sam 22 Mar 2014 - 13:33

hover image sur image barre navigation 24-emp10Bonjour,

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 ! Wink

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 Smile


Pour faciliter les recherches, mettez un titre explicite.
Remerciez hover image sur image barre navigation 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu hover image sur image barre navigation 3592387030 pour prévenir la modération.

hover image sur image barre navigation Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr 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