Déplacer un lien dans le menu de la toolbar

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

Résolu Déplacer un lien dans le menu de la toolbar

Message par Completely Wooked le Mer 26 Aoû 2015 - 10:55

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 ! Clin d\'oeil

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 edente

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 : http://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 ! cheers


Dernière édition par Completely Wooked le Mer 26 Aoû 2015 - 16:05, édité 1 fois

Completely Wooked
Nouveau membre

Messages : 14
Inscrit(e) le : 16/08/2015

http://forum.completelywooked.com
Completely Wooked a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer un lien dans le menu de la toolbar

Message par Ange Tuteur le Mer 26 Aoû 2015 - 15:14

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

Ange Tuteur
****

Masculin
Messages : 477
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Déplacer un lien dans le menu de la toolbar

Message par Completely Wooked le Mer 26 Aoû 2015 - 16:04

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 ::fete::

Completely Wooked
Nouveau membre

Messages : 14
Inscrit(e) le : 16/08/2015

http://forum.completelywooked.com
Completely Wooked a été remercié(e) par l'auteur de ce sujet.

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


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