Boutons Survolé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 : A la création du Forum
Lien du forum : http://testkpark.forumactif.org/

Description du problème

Bonjour,

Je reviens à la charge : https://forum.forumactif.com/t383131-barre-de-navigation-modifiees-au-passage-de-la-souris-sur-boutons-ajoutes?nid=4#3225332.
Si le code 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; }

En remplaçant "empty.gif" par une bitmap de 83px sur 24px transparente, on obtient ceci sur tous les navigateurs sous Linux :

et en modifiant le CSS avec :

Code:

ul.linklist.navlinks li { font-size: 24px; }

C'est OK sur les navigateurs Linux (Opera, Firefox, midori, chromium, etc...). Mais sur les navigateurs Windows (IE, Opera et Firefox), c'est l'inverse, le bouton Recherche est alors décalé vers le haut.

Je reviens donc à la deuxième solution :
Le bouton "Recherche" 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.

D'ailleurs, si on fait un "Clic droit" sur le bouton "Recherche" et qu'on choisisse "Ouvrir dans un nouvel onglet" ou "Ouvrir dans une nouvelle fenêtre", on arrive directement sur la page de "Recherche avancée).

Par ailleurs, j'ai aussi avec les problèmes "Nouveau", "Répondre" et "Verrouillé".

Code:

/* Boutons Nouveau-Répondre-Verrouillé dynamiques */
/* Nouveau message et Nouveau MP */
.i_post, .i_msg_newpost            { background-image:url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Nouveau.png'); width: 83px; height: 24px; background-position: 0 0; }
.i_post:hover, .i_msg_newpost:hover { background-image:url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Nouveau.png'); width: 83px; height: 24px; background-position: 0 24px; }
/* Répondre */
.i_reply      { background-image:url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Repondre.png'); width: 83px; height: 24px; background-position: 0 0; }
.i_reply:hover { background-image:url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Repondre.png'); width: 83px; height: 24px; background-position: 0 24px; }


Pour "Nouveau", pas de problème. Pour "Verrouillé", comme il a la même classe que le "Répondre" (i_reply), je ne vois même pas par quel bout le prendre. De plus, ça ne marche pas non plus pour le bouton "Répondre", car si on applique le code ci dessus le bouton "Répondre" de la messagerie disparaît car il n'as pas de "class" à lui style : i_msg_reply.

Voila

[roussinix]

UP

[roussinix]

Up

Toujours aucune idée pour que le bouton "Recherche" ouvre directement la page "Recherche avancée" sans passer par le PopUp ?

[roussinix]

Pour la deuxième partie concernant les boutons "Nouveau" et "Répondre", j'ai finalement trouvé. Il y a peut-être plus simple, mais ça a le mérite de fonctionner

Code:

/* Boutons Nouveau-Répondre-Verrouillé dynamiques */
/* Nouveau message */
.buttons .post-icon .i_post {
  background-image: url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Nouveau.png')!important;
  width: 83px; height: 24px;
  background-position: 0 0; }
.buttons .post-icon .i_post:hover { background-position: 0 48px; }
.buttons .post-icon .i_post:active { background-position: 0 24px; }
.buttons .i_post {
  background-image: url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Nouveau.png')!important;
  width: 83px; height: 24px;
  background-position: 0 0; }
.buttons .i_post:hover { background-position: 0 48px; }
.buttons .i_post:active { background-position: 0 24px; }
/* Nouveau MP */
.buttons .post-icon .i_msg_newpost {
  background-image: url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Nouveau.png')! important;
  width: 83px; height: 24px;
  background-position: 0 0; }
.buttons .post-icon .i_msg_newpost:hover { background-position: 0 48px; }
.buttons .post-icon .i_msg_newpost:active { background-position: 0 24px; }
/* Répondre au message */
.i_reply {
  background-image: url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Repondre.png');
  width: 83px; height: 24px;
  background-position: 0 0; }
.i_reply:hover { background-position: 0 48px; }
.i_reply:active { background-position: 0 24px; }
/* Répondre au MP */
.buttons .post-icon img {
  background-image: url('http://www.roussiniere.net/TestKparK/Boutons/Btn24_Repondre.png')! important;
  width: 83px; height: 24px;
  background-position: 0 0; }
.buttons .post-icon img:hover { background-position: 0 48px; }
.buttons .post-icon img:active { background-position: 0 24px; }


Le bouton Verrouillé me semble par contre insoluble étant donné qu'il se contente de remplacer "Nouveau" ou "Répondre" selon les circonstances. Mais, c'est pas trop grave dans la mesure où un membre ne peut ni répondre à un sujet verrouillé, ni créer un nouveau sujet dans un forum verrouillé.

Reste donc seulement (celui qui préoccupe le plus de monde ici) : Le bouton "Recherche" ... et son PopUp aussi inutile qu'inefficace. C'est simple, en se servant seulement de ce PopUp ridicule, on ne trouve même pas 10% des réponses pertinentes.

[Invité]

Bonjour,

Voici à mettre dans les codes javascript sur toutes les pages ça va résoudre le dernier point qui vous tracasse tant avec le popup ridicule et inefficace :

Code:

$(function(){
          $('a.mainmenu[href="/search"]').removeAttr('onclick');
});

Cordialement.

[roussinix]

Et voila, merci infiniment.