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

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');

stefou
*****

Masculin
Messages : 889
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


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 ^^'

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 ^^'


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

[Nihil]
# Tropactif #

Messages : 1155
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


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

[Nihil]
# Tropactif #

Messages : 1155
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

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