Déplacer un lien dans le menu de la toolbar

[Fallen Leaves]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forum.completelywooked.com

Description du problème

Bonjour !

Je suis en train de finir (enfiiiiin !) le design de mon forum et je rencontre un petit souci avec le menu de la toolbar. Comme je suppose que ça va se résoudre à coups de javascript et que je suis une vraie quiche en la matière, je fais appel à vous pour me filer un petit coup de main

Comme montré sur la capture d'écran, j'aimerais déplacer le lien "View posts since last visits" à l'endroit indiqué. Pour info, j'ai suivi cette astuce de Ange Tuteur pour pouvoir insérer un lien supplémentaire dans le menu de la toolbar : https://forum.forumactif.com/t361490-liens-dans-la-toolbar

Deuxième petit souci : est-ce qu'il est possible de supprimer les ":" à côté de "Posts" et "PMs", comme entourés en rouge sur l'image ?

Merci d'avance !

[Ange Tuteur]

Bonjour,

Remplacer le script par :

Code:

$(function() {
  var submenus = {
   
    See_my_profile : ['/u' + _userdata.user_id, 0],
    Edit_profile : ['/profile?mode=editprofile&page_profil=preferences', 0],
    'Separator 1' : ['|', 0],
   
    All_Topics : ['/sta/' + _userdata.username, 0],
    All_Messages : ['/spa/' + _userdata.username, 0],
    js_topics_followed : ['/search?search_id=watchsearch', 0],
    'View posts since last visit' : ['/search?search_id=newposts', 0],
    All_PMs : ['/privmsg?folder=inbox', 0],
    'Separator 2' : ['|', 0],
   
    Admin_panel : ['/admin', 1],
    Logout : ['/login?logout=1', 0]

  },
  i, j, li, menu;
 
  $(function() {
    menu = document.getElementById('fa_menulist');
    if (menu) {
      for (li = menu.getElementsByTagName('LI'), i = 0, j = li.length; i < j; i++) li[i].style.display = 'none'; // hide old menu links
      for (i in submenus) {
        li = document.createElement('LI');
       
        // check and correct incorrect data types
        if (submenus[i].constructor != Array) submenus[i] = [];
        if (submenus[i][0] == undefined) submenus[i][0] = '|';
        if (submenus[i][1] == undefined) submenus[i][1] = 0;
       
        // assign element attributes based on the string value
        submenus[i][0] == '|' ? li.className = 'fa_separator' : li.innerHTML = '<a href="' + submenus[i][0] + '">' + (_lang[i] ? _lang[i] : i) + '</a>';
       
        // append the new item to the menu based on permissions
        if (_userdata.user_level == 1 || _userdata.user_level >= submenus[i][1] && submenus[i][1] != 1) menu.appendChild(li);
      }
    }
  });
});

Vous pouvez déplacer les liens dans submenus. J'ai ajouté 'View posts since last visit' :

Code:

'View posts since last visit' : ['/search?search_id=newposts', 0],

'View posts since last visit' : le texte du lien
'/search?search_id=newposts' : l'URL du lien
0 : les permissions d'affichage

0 = tous
1 = administrateurs
2 = administrateurs et moderateurs

Oups je oublié ! Pour les ":" ajouter le code suivant dans votre feuille de style.
Affichage > Couleurs > Feuille de style CSS

Code:

#fa_usermenu td.first + td { font-size:0 }

Bonne journée et à bientôt.

[Fallen Leaves]

Merci Ange Tuteur, c'est tout simplement parfait !!

Spoiler:

Exactement ce que je voulais Quand je vois le code javascript que tu viens de me pondre, je me dis vraiment que je n'aurais jamais pu trouver ça sans aide
Merci beaucoup !! Passe une excellente journée