Barre navigation personnalisé, changement au passage de la souris

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

Résolu Barre navigation personnalisé, changement au passage de la souris

Message par Kirito. le Mer 30 Juil 2014 - 21:06


Hello !

J'ai fais quelques recherche avant de penser à poster, malgré les postes que j'ai pu trouvé, la solution ne marchait pas pour moi. :/

Nous avons ajouté un lien de redirection dans la barre de navigation qui est "Site MNS", mais je n'arrive pas à faire en sorte qu'au passage de la souris, l'image change. Il n'y a pas de problème pour l'accueil ou autre, ça marche nickel, mais "Site MNS", je ne vois pas comment faire.

Voici le lien du forum: http://manga-no-sekai.forum-officiel.fr/

Avez-vous une solution ? Merci d'avance et bonne journée. Wink

EDIT: Deuxième petit problème, est-ce qu'il est possible de décaler vers la gauche les boutons "Citer, Edit etc..."
Parce-qu'actuellement, je les trouve plutôt mal placé:



Dernière édition par Kirito. le Dim 3 Aoû 2014 - 21:18, édité 2 fois
avatar

Kirito.
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 13/07/2013

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

Résolu Re: Barre navigation personnalisé, changement au passage de la souris

Message par stefou le Ven 1 Aoû 2014 - 10:57

Bonjour,

Pour votre menu, vous utilisé une superposition d'image.
En partant du même principe voici le code à placer dans le css.
Remplacer le lien de l'image ci-dessous par l'image correspondante à votre surbrillance.
Code:
#bouton1:hover {
    background-image: url('http://image.noelshack.com/fichiers/2014/31/1406738214-accueil2.png');
avatar

stefou
*****

Masculin
Messages : 900
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre navigation personnalisé, changement au passage de la souris

Message par Kirito. le Ven 1 Aoû 2014 - 13:09


Hello

En effet, je suis vraiment stupide ^^ C'est parfait, merci bien. Smile

PS: Concernant la possibilité de déplacer les boutons "EDIT" etc... est-ce que c'est possible ? Merci d'avance

EDIT: J'ai encore un problème, est-ce qu'il y aurait une astuce pour retirer ceci:

Quand on passe le curseur sur une image avec un lien pour faire une redirection, un rectangle de la même couleur que les liens redirection apparaît juste en dessous de l'image. Je me demandais si il était possible de retirer ce rectangle, mais sans pour autant retirer la couleur qui change au passage du curseur sur des liens

avatar

Kirito.
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 13/07/2013

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

Résolu Re: Barre navigation personnalisé, changement au passage de la souris

Message par Kirito. le Sam 2 Aoû 2014 - 13:22


Un léger up ^^'
avatar

Kirito.
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 13/07/2013

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

Résolu Re: Barre navigation personnalisé, changement au passage de la souris

Message par Kirito. le Dim 3 Aoû 2014 - 17:00


Hello

@Kirito. a écrit:Un léger up ^^'

avatar

Kirito.
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 13/07/2013

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

Résolu Re: Barre navigation personnalisé, changement au passage de la souris

Message par [Nihil] le Dim 3 Aoû 2014 - 19:25

Bonsoir Kirito.

Peut tu nous copier / coller le code que tu as mis pour mettre en place ces images ? La couleur de fond vient du faire que les liens ont dans le HTML la classe "postlink". La solution la plus simple est d'enlever cette classe Smile
avatar

[Nihil]
Membre habitué(e)

Messages : 1183
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre navigation personnalisé, changement au passage de la souris

Message par Kirito. le Dim 3 Aoû 2014 - 20:15


Hello

Merci de ton aide, je n'ai pu le rectangle immonde Razz

C'est super, je modifie le poste pour le mettre en résolu, merci de votre aide Smile

avatar

Kirito.
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 13/07/2013

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

Résolu Re: Barre navigation personnalisé, changement au passage de la souris

Message par [Nihil] le Dim 3 Aoû 2014 - 21:25

Pour ton second problème, tu souhaites déclarer un petit peu vers la gauche les boutons ?
Si oui, dans ton CSS tu peux rajouter ceci :
Code:
/* boutons editer, citer, etc... */
.postbody ul.profile-icons {
    margin-right: 55px; /* décalage vers la gauche */
}

Il faut changer la valeur (55px) en l'augmentant ou la diminuant, je te laisse faire des test. La valeur de base était de 45px Wink
avatar

[Nihil]
Membre habitué(e)

Messages : 1183
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre navigation personnalisé, changement au passage de la souris

Message par Kirito. le Dim 3 Aoû 2014 - 21:27


Parfait, merci pour l'astuce Smile
avatar

Kirito.
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 13/07/2013

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