Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[MODERNBB] Menu déroulant ou seulement icônes dans toolbar


2 participants

Page 1 sur 2 1, 2  Suivant

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

Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Lun 14 Juin 2021 - 10:47

  • Version du forum :
    MODERNBB
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour!

Je reviens vous voir car MOI, je suis super contente de la toolbar que Milouze m'a faite, mais les membres.....  c'est une autre affaire!
J'en ai certains qui se plaignent que les textes se chevauchent alors qu'il n'y a que le strict nécessaire! J'ai vérifié sur mon ordi, il faut être en 800x600 pour que ça arrive! Euh, je savais même pas que ça existait encore......
Et d'autres qui font la tête parce que nous n'avons plus la barre de nav, et donc ils se plaignent de devoir toujours revenir sur l'accueil pour aller d'une rubrique à une autre.
Je vais me jeter par la fenêtre tellement ils me rendent maboule!

Donc ce matin, je me suis dit "tiens, si je mettais un menu déroulant sur la toolbar, comme ça, je pourrais mettre 1 million de liens, que ça ne bouffera pas d'espace en largeur". Tout le monde il sera content!
Sauf que tous les tutos sont pour la navbar, et moi c'est sur la jolie toolbar de Milouze que je le veux!
Donc je viens voir mes Milouziens préférés pour un coup de main!

Et en arrivant ici, j'avais oublié que Milouze lui-même avait des icônes tout là-haut. Ça, pour être court, c'est court! Ça va plaire à mes râleurs! Mais je ne veux pas tout piquer à Mimi quand même.

Oui, j'ai écrit un roman.... Pardon ** smiley confus **

Bref, j'aurais besoin de vos lumières à 1 000W pour éclairer ma lanterne.

Je sais pas trop si on a le droit d'écrire comme ça dans un forum hyper sérieux, mais j'espère que ma requête tordue vous aura fait sourire.

Merci à tous de votre aide.


Dernière édition par Avalanche le Sam 19 Juin 2021 - 19:59, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 14 Juin 2021 - 15:05

Hello Avalanche,

alors que désires tu chère amie?

Si tu désires avoir des boutons comme ici sur la toolbar,
je me suis servi du script de mon ami Ange Tuteur disponible ici:

https://help.forumotion.com/t143547-add-more-share-buttons-to-your-toolbar#978933



Avalanche aime ce message

Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Lun 14 Juin 2021 - 16:25

Ahhhh mais je le "connais" super bien! Je le lis souvent, c'est quelqu'un de très intéressant et pédagogue.


Mais, je ne vais pas te piquer ton idée quand même! C'est seulement en venant ici que j'y ai pensé. Sinon, je voulais faire un menu déroulant. Mais j'ai eu beau chercher dans les 2 langues, personne ne sait le faire sur la toolbar.


Cependant, je veux pas t'embêter non plus, tu peux retourner siroter une grenadine sur la terrasse, et je me débrouille avec le tuto D'Ange.
Pour l'instant...... lol


Je vais essayer, je reviendrai te dire ce qu'il en est une fois ma Mona Lisa achevée.

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 14 Juin 2021 - 16:32

Vi, mais il a rendu les clés l'année dernière et préfère passer à autre chose ok .

Bref, tu ne me piques rien vu que c'est son œuvre .

Sinon, je voulais faire un menu déroulant. Mais j'ai eu beau chercher dans les 2 langues, personne ne sait le faire sur la toolbar.

Alors on fait quoi chère amie?
Un menu déroulant avec du texte, tu peux te servir de cette entraide résolue:
https://www.milouze14.com/t32903-resoluphpbb2-menu-deroulant-dans-la-toolbar#627376

Par contre , tu n'auras pas besoin de la condition, donc juste ceci:

Et remplacer les textes URL par les liens désirés ainsi que les textes
Code:
$(function(){

$(function(){
$('#fa_share').after(
'<span id="toolbar_add">
 <span style="margin-left:10px;text-align: center;">
 <select class="optionscolored" style="width: 180px;" onchange="location = this.value">
 <option selected="selected">Administration Rapide</option>
    <option value="URL 1"> javascript</option>
    <option value="URL 2"> CSS</option>
    <option value="URL 3"> page HTML</option>
    <option value="URL 4"> Nom 4</option>
    <option value="URL 5"> Nom 5</option>
    <option value="URL 6"> Nom 6</option>
    <option value="URL 7"> Nom 7</option>
</select>                          '
    )
})});

Tu m'as bien fais rire avec ta grenadine  MdR1 .

Et pour terminer, tu m'ennuies vraiment pas du tout surtout avec de l'humour ok .

Avalanche aime ce message

Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Lun 14 Juin 2021 - 17:38

Hannnnnnnnnn mais je vais mettre en ton honneur, ton nom sur ma page d'accueil, sur un néon rouge clignotant en 500px (genre enseigne de boutique)!!!!!
Euh..... attends...... quand je t'aurais demandé le tuto pour le faire mdr

Bon trêve de plaisanterie. Je fais faire les devoirs aux marmots (ouais, c'est incroyable mais j'suis adulte, sniff), et j'essaie. Si un membre moufte, je dégaine le ban direct pour le punir de cet affront.

Bonne soirée!

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 14 Juin 2021 - 18:51

lOL on va se passer du néon rouge alors ..

En attente d'une réponse positive alors hinhin .

Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 12:14

Bonjour!

Alors.... j'ai essayé les icônes mais ce qu'on a modifié pour fusionner la toolbar et la barre de nav doit empêcher le script de fonctionner.
Mais c'est pas grave. C'était juste pour apprendre de nouvelles choses et progresser. Je suis certaine que mes membres âgés n'auraient pas validé.

Je vais donc essayer le menu déroulant.

Bonne journée.
Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 12:39

Alors, alors..... que de rebondissements!

Le code pour le menu déroulant que tu m'as donné ne fonctionne pas. Hier j'ai suivi un autre tuto que tu avais donné à Fanch56, ici: Menu déroulant mais qui ne fonctionnait pas non plus pour moi.

Et devine quoi???????? Celui qui a la solution n'est autre qu'Ange Tuteur, ici: Menu déroulant dans toolbar
Sauf que chez moi, il se met par-dessus le "Bienvenue Admin".

J'essaie donc de triturer le padding/margin pour le mettre au bon endroit.
Je reviens te dire ce qu'il en est.
Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 12:50

L'idiote!
J'ai essayé toutes les fonctions margin, sans succès.
Forcément que ça se met sur le "Bienvenue Admin" puisque ce sont les fonctions fa_right et fa_profil

Par contre, je t'avoue que je ne sais pas ce qu'il faut faire pour que ça devienne un menu indépendant de ces fonctions.
Mais peut-être qu'en combinant avec les fonctions de tes tutos, ça pourrait le faire.

Ne bouge pas d'un cil, je dois apprendre à me débrouiller toute seule pour progresser et mieux comprendre les rouages.
Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 15:30

Bon bah..... je n'y arrive pas. Dès qu'on appelle la variable "fa_left", ça disparaît dans les confins de l'univers.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 15 Juin 2021 - 16:01

Coucou Avalanche,

alors en te basant sur l'astuce de mon ami Ange Tuteur:
https://forum.forumactif.com/t361913-menu-deroulant#3070923

Et en ajoutant la css bien sûr, et déposes ce script:

Code:
jQuery(window).load(function() {
if (_userdata["session_logged_in"] == '1') {
jQuery('#fa_share').after('<a id="fa_profil" href="#" onclick="return false;" style="padding:6.5px 5px;">Profil</a><div id="quinfo" style="position:fixed;"><a href="/profile?mode=editprofile&page_profil=informations">informations</a><br/><a href="/profile?mode=editprofile&page_profil=preferences">Préférences</a><br/><a href="/profile?mode=editprofile&page_profil=signature">Signature</a><br/><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a><br/><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amis et ignorés</a><br/><a href="/profile?mode=editprofile&page_profil=notifications">Notifications</a><br/></div>');
jQuery('#quinfo').hide();
jQuery('#fa_profil').click(function() { jQuery('#quinfo').toggle().offset(jQuery(this).offset()); });
}
});

au lieu de celui-ci:
Code:
jQuery(window).load(function() {
if (_userdata["session_logged_in"] == '1') {
jQuery('#fa_right').prepend('<a id="fa_profil" href="#" onclick="return false;" style="padding:6.5px 5px;">Profil</a><div id="quinfo" style="position:fixed;"><a href="/profile?mode=editprofile&page_profil=informations">informations</a><br/><a href="/profile?mode=editprofile&page_profil=preferences">Préférences</a><br/><a href="/profile?mode=editprofile&page_profil=signature">Signature</a><br/><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a><br/><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amis et ignorés</a><br/><a href="/profile?mode=editprofile&page_profil=notifications">Notifications</a><br/></div>');
jQuery('#quinfo').hide();
jQuery('#fa_profil').click(function() { jQuery('#quinfo').toggle().offset(jQuery(this).offset()); });
}
});
Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 19:11

Bon...... aujourd'hui, c'est toi qui vas me jeter par la fenêtre! Ça fonctionne super bien, tout est au bon endroit, j'étais super heureuse!
MAIS dès que je change le premier lien pour pouvoir faire mon menu perso, ça disparaît.
J'ai vidé mon cache, j'ai essayé dans un autre navigateur, mais NON, ça veut pas.
J'ai changé les fa_profil par menu, pour voir si c'est parce que cette variable appelle obligatoirement le profil. Bah, non plus. Ahhhhh par contre, il veut bien que je change le titre "profil" en "menu".

Allez, soyons positifs, on fait des progrès quand même, va super
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 15 Juin 2021 - 19:15

Alors, c'est en bonne voie ok .

Dis moi les liens que tu veux déposer et les textes respectifs car tu dois zapper un truc quelque part et cela annule purement le script.
Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 19:35

Ahhhhhhhhhhhhhhhhhhhh

Voici mon code

Code:
jQuery(window).load(function() {
   if (_userdata["session_logged_in"] == '1') {
   jQuery('#fa_share').after('<a id="fa_profil" href="#" onclick="return false;" style="padding:10px;">Menu</a><div id="quinfo" style="position:fixed;"><a href="https://lilotperdu.forumactif.com/f11-nous-vous-accueillons-ici">Nouveaux arrivants</a><br/><a href="https://lilotperdu.forumactif.com/f1-des-choses-et-d-autres">Des choses et d'autres</a><br/><a href="https://lilotperdu.forumactif.com/f12-le-bastringue-de-barbe-verte">Le Bastringue</a><br/><a href="https://lilotperdu.forumactif.com/f13-the-new-coconut-shopping-center">Shopping center</a><br/><a href="https://lilotperdu.forumactif.com/f3-actu-politique-debat">Actu</a><br/><a href="https://lilotperdu.forumactif.com/f6-celibataire-en-couple-discutons-en">Célibat/Couples</a><br/></div>');
   jQuery('#quinfo').hide();
   jQuery('#fa_profil').click(function() { jQuery('#quinfo').toggle().offset(jQuery(this).offset()); });
   }
   });

Qu'est-ce que j'ai fait comme bêtise? oups
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 15 Juin 2021 - 19:41

Peux tu remplacer le script modifié par celui-ci:
Code:
 jQuery(window).load(function() {[size=13][/size]
      if (_userdata["session_logged_in"] == '1') {[size=13][/size]
      jQuery('#fa_share').after('
<a id="fa_profil" href="#" onclick="return false;" style="padding:10px;">Menu</a>
<div id="quinfo" style="position:fixed;">
<a href="https://lilotperdu.forumactif.com/f11-nous-vous-accueillons-ici">Nouveaux arrivants</a><br/>
<a href="https://lilotperdu.forumactif.com/f1-des-choses-et-d-autres">Des choses et d\'autres</a><br/>
<a href="https://lilotperdu.forumactif.com/f12-le-bastringue-de-barbe-verte">Le Bastringue</a><br/>
<a href="https://lilotperdu.forumactif.com/f13-the-new-coconut-shopping-center">Shopping center</a><br/>
<a href="https://lilotperdu.forumactif.com/f3-actu-politique-debat">Actu</a><br/>
<a href="https://lilotperdu.forumactif.com/f6-celibataire-en-couple-discutons-en">Célibat/Couples</a><br/></div>');
      jQuery('#quinfo').hide();
      jQuery('#fa_profil').click(function() { jQuery('#quinfo').toggle().offset(jQuery(this).offset()); });
      }
      });



En faite dans un script, il faut toujours échapper les apostrophes par une barre oblique comme ici:

Code:
<a href="https://lilotperdu.forumactif.com/f1-des-choses-et-d-autres">Des choses et d'autres</a>

Ton script sera tronqué si tu laisses ainsi et don ne fera pas son travail:

Il faut l’écrire ainsi:

Code:
<a href="https://lilotperdu.forumactif.com/f1-des-choses-et-d-autres">Des choses et d\'autres</a>

Avalanche aime ce message

Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 19:43

Ahhhhh purée, l'idiote! En plus, j'ai déjà vu cette remarque 10 000 fois!
Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 19:49

Hannnnnnnnnnnnnnnnnnnnnnnnnn c'est super génial!!!!!!!!!
Merci, merci, merci beaucoup, énormément, toussa toussa! Merci

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 15 Juin 2021 - 19:55

De rien chère amie ok .

Avalanche aime ce message

Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Mar 15 Juin 2021 - 21:13

Je viens te donner une précision pour aider les autres. La seule façon de bouger l'élément est d'utiliser la position : absolute. Aucune autre méthode ne fonctionne (et Dieu sait que j'en ai essayées!)
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 16 Juin 2021 - 3:56

Hello Avalanche,
dans la toolbar, c'est une évidence pour la position ok .

Avalanche aime ce message

Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Jeu 17 Juin 2021 - 10:34

Bonjour!

Après quelques jours d'utilisation, je suis venue te dire que tout fonctionne impec'

Je te remercie chaleureusement!
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 17 Juin 2021 - 15:28

Hello  @Avalanche ,

de rien chère amie,
penses a suivre la procédure pour mettre ton sujet en "Résolu" ok .
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 18 Juin 2021 - 19:23

Hello @Avalanche ,


Hello

Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.

Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
Comme le mentionne le règlement.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 19 Juin 2021 - 18:53

@Avalanche ,



Hello

Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.

Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
Comme le mentionne le règlement.

Avalanche
Avalanche
https://pourtester.forumactif.com/

MessageAvalanche Sam 19 Juin 2021 - 19:58

Bonjour!

Je suis navrée, je m'en occupe tout de suite.

Milouze14 aime ce message

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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