Barre de Navigation modifiées au passage de la souris sur boutons ajoutés

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

Résolu Barre de Navigation modifiées au passage de la souris sur boutons ajoutés

Message par roussinix le Sam 2 Jan 2016 - 14:33

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la création du Forum
Lien du forum : http://testkpark.forumactif.org/

Description du problème

Bonjour,

J'ai bien trouvé le tutoriel, par contre, ça ne parle que des boutons existant par défaut. Comment faire pour le faire sur des boutons ajoutés ?

Par ailleurs, il y a une chose qui m'intrigue. Le bouton "Search" de la NavBar pointe sur /search et ouvre la boite de dialogue de recherche. Pour faire un test sur des boutons supplémentaires, j'ai ajouté un bouton :
"Rechercher" avec comme url : /search

Hors, ce bouton pointe directement sur la page de recherche avancée qui est beaucoup plus intéressante (pour moi). Donc du coup, j'ai gardé mon bouton de recherche et masqué celui par défaut de la NavBar.

Donc, soit j'ai un moyen de donner une propriété :hover à ce bouton, soit je trouve un moyen de modifier le comportement du bouton par défaut pour qu'il pointe directement sur la page de recherche avancée.

Merci d'avance


Dernière édition par roussinix le Sam 2 Jan 2016 - 19:05, édité 1 fois

roussinix
**

Masculin
Messages : 64
Inscrit(e) le : 21/08/2015

http://testkpark.forumactif.org/
roussinix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation modifiées au passage de la souris sur boutons ajoutés

Message par Invité le Sam 2 Jan 2016 - 15:25

Bonjour,

J'ai bien trouvé le tutoriel, par contre, ça ne parle que des boutons existant par défaut. Comment faire pour le faire sur des boutons ajoutés ?

On peut avoir le lien s'il vous plait? Dans tous les cas le :hover s'appliquera de la même façon... :

Code:
a.mainmenu[href="/search"]:hover

Donc, soit j'ai un moyen de donner une propriété :hover à ce bouton, soit je trouve un moyen de modifier le comportement du bouton par défaut pour qu'il pointe directement sur la page de recherche avancée.

J'ai du mal à percuter là ?



Invité
Invité


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

Résolu Re: Barre de Navigation modifiées au passage de la souris sur boutons ajoutés

Message par roussinix le Sam 2 Jan 2016 - 15:51

Tout d'abord, merci pour la réponse rapide, mais ça ne marche pas.

Le bouton fixe disparait mais les boutons modifiés n'apparaissent pas. Le CSS est le suivant :
Code:
a.mainmenu[href="/search"] {
  background-image:url('http://www.roussiniere.net/TestKparK/Boutons/Btn24A_Recherche.png'); width: 83px; height: 24px; }
a.mainmenu[href="/search"]:hover {
  background-image:url('http://www.roussiniere.net/TestKparK/Boutons/Btn24B_Recherche.png'); width: 83px; height: 24px; }
Pour l'autre partie de la question, c'est que le bouton normal par défaut ouvre une fenêtre de recherche PopUp. Pour aller sur la page de recherche avancée il faut cliquer en bas du PopUp sur "Recherche avancée". Je me demandais si on pouvait changer le comportement de ce bouton pour aller directement sur la recherche avancée sans passer par ce PopUp.

roussinix
**

Masculin
Messages : 64
Inscrit(e) le : 21/08/2015

http://testkpark.forumactif.org/
roussinix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation modifiées au passage de la souris sur boutons ajoutés

Message par roussinix le Sam 2 Jan 2016 - 16:34

Bon, alors, ça marche ... mais mal. Le empty.gif n'a pas le même effet que sur les autres boutons. Je l'ai donc remplacé par une bitmap de 83x sur 1px transparente. Voila le résultat :

Pas moyen de l'afficher entier comme les autres.

roussinix
**

Masculin
Messages : 64
Inscrit(e) le : 21/08/2015

http://testkpark.forumactif.org/
roussinix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation modifiées au passage de la souris sur boutons ajoutés

Message par roussinix le Sam 2 Jan 2016 - 17:15

Bon, ça marche en remplaçant la taille des caractères. Dans le CSS, j'ai donc rajouté la ligne :
Code:
ul.linklist.navlinks li { font-size: 24px; }
Au lieu de 1.1em. Par contre, j'espère que ça ne modifie pas d'autres choses que je découvrirais plus tard.

roussinix
**

Masculin
Messages : 64
Inscrit(e) le : 21/08/2015

http://testkpark.forumactif.org/
roussinix 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