hover image sur image barre navigation

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

Résolu hover image sur image barre navigation

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par Lixyr le 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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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 le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par Lixyr le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: hover image sur image barre navigation

Message par Neptunia le 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
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par Lixyr le 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.





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: hover image sur image barre navigation

Message par Neptunia le 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
+ Hyperactif +

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

http://www.planet-series.com/
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 le 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
http://forum.forumactif.com/t363585-creer-un-identifiant-image

Cdt.

Adam_sfp
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par LDL le 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
****

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

http://goon-forum.com/
LDL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: hover image sur image barre navigation

Message par Lixyr le Sam 22 Mar 2014 - 13:33

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





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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


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