Boutons Survolés

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

Résolu Boutons Survolés

Message par roussinix Mar 5 Jan 2016 - 9:05

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 :
Boutons Survolés BoutonRecherche
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


Dernière édition par roussinix le Sam 16 Jan 2016 - 11:12, édité 1 fois
avatar

roussinix
**

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

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

Résolu Re: Boutons Survolés

Message par roussinix Lun 11 Jan 2016 - 6:58

UP
avatar

roussinix
**

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

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

Résolu Re: Boutons Survolés

Message par roussinix Mer 13 Jan 2016 - 9:27

Up

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

roussinix
**

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

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

Résolu Re: Boutons Survolés

Message par roussinix Ven 15 Jan 2016 - 13:24

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

roussinix
**

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

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

Résolu Re: Boutons Survolés

Message par Invité Sam 16 Jan 2016 - 9:28

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 Sourire2 Ptdr :

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

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Boutons Survolés

Message par roussinix Sam 16 Jan 2016 - 11:12

Et voila, merci infiniment. Very Happy
avatar

roussinix
**

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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum