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

[roussinix]

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

[Invité]

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à ?

[roussinix]

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]

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]

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.