Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Personnaliser son forum en fonction des groupes

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

  • 0

Personnaliser son forum en fonction des groupes Empty Personnaliser son forum en fonction des groupes

Message par Luzz Lun 15 Nov - 8:58

Personnaliser son forum en fonction des groupes

Cette astuce a pour but de vous présenter une option vous permettant de personnaliser l'affichage de votre forum en fonction de votre appartenance à un groupe.

Création du script


Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Personnalisation de l'affichage (groupe)" et pour placement "Sur toutes les pages" (plus d'informations sur la gestion des scripts).

Pour la version PhpBB2


Code:
jQuery(window).load(function() {
  $('body').append('<div id="groups-perms" style="display:none;"></div>');
  $('#groups-perms').load('/groups' + ' .gen', function() {
    var a = document.getElementById('groups-perms').innerHTML;
    if (/nom_groupe/i.test(a)) {

      exécutions

        };
    });
});

N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications.

Pour les autres versions


Code:
jQuery(window).load(function() {
  $('body').append('<div id="groups-perms" style="display:none;"></div>');
  $('#groups-perms').load('/groups' + ' .noList', function() {
    var a = document.getElementById('groups-perms').innerHTML;
    if (/nom_groupe/i.test(a)) {

      exécutions

        };
    });
});

N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications.

Paramétrage du script


Explication de son fonctionnement


Ce script permet de parcourir la page /groups de votre forum et de vérifier si le membre appartient ou non au groupe désigné par le script. Si ce dernier appartient à un groupe désigné par ledit script alors les exécutions s'appliqueront.

Désignation du groupe


Dans le script donné dans le point 1 de ce tutoriel (en fonction de la version de votre forum), il convient d'indiquer le nom du groupe dans la variable /nom_groupe/. Par exemple, si j'ai un groupe "Membres", je vais donc devoir écrire /Membres/ (en concernant les / de part et d'autre). Pour un forum en PhpBB3, cela donnerait donc :

Code:
jQuery(window).load(function() {
  $('body').append('<div id="groups-perms" style="display:none;"></div>');
  $('#groups-perms').load('/groups' + ' .noList', function() {
    var a = document.getElementById('groups-perms').innerHTML;
    if (/Membres/i.test(a)) {
 
      exécutions
 
        };
    });
});

Désignation des exécutions


Il convient maintenant de renseigner les exécutions en fonction de l'appartenance au groupe Membres. Afin d'illustrer les nombreuses possibilités qui s'offrent à vous, nous vous proposons les illustrations ci-dessous.

Afficher un lien dans le menu de la ToolBar


Prenons le contexte suivant : un utilisateur s'est inscrit et sa présentation a été validée par l'administration du forum. Je l'ajoute au groupe "Membres" du forum. Maintenant qu'il est dans ce groupe, je souhaite l'autoriser à accéder au Discord de mon forum. Le lien Discord apparaîtra dans le menu de la ToolBar. Pour un forum en PhpBB 3, le script sera :

Code:
jQuery(window).load(function() {
  $('body').append('<div id="groups-perms" style="display:none;"></div>');
  $('#groups-perms').load('/groups' + ' .noList', function() {
    var a = document.getElementById('groups-perms').innerHTML;
    if (/Membres/i.test(a)) {
      $('#fa_menulist .fa_separator:eq(1)').after('<li><a href="https://lien_de_votre_discord">Accéder à Discord</a></li>');
        };
    });
});

Remplacez https://lien_de_votre_discord par le lien de votre Discord.

Voir illustration :
Personnaliser son forum en fonction des groupes 22-07-13

De cette manière, dès que vous ajoutez un utilisateur dans le groupe "Membres", le lien de votre Discord apparaît dans le menu.

Personnaliser l'affichage d'un élément de votre forum


Prenons le contexte suivant : je souhaite colorer la ToolBar en fonction de la couleur du groupe "Membres". Sur un forum en PhpBB3, le script sera :

Code:
jQuery(window).load(function() {
  $('body').append('<div id="groups-perms" style="display:none;"></div>');
  $('#groups-perms').load('/groups' + ' .noList', function() {
    var a = document.getElementById('groups-perms').innerHTML;
    if (/Membres/i.test(a)) {
          $('#fa_toolbar').css('background-color','Code_hexadécimal');
        };
    });
});

Remplacez Code_hexadécimal par le code couleur souhaité (par exemple #EF3333).

Voir illustration :
Personnaliser son forum en fonction des groupes 22-07-14

Luzz

Luzz
Adminactive
Adminactive

Autre / Ne pas divulguer
Messages : 2077
Inscrit(e) le : 25/10/2007

Voir le profil de l'utilisateur https://forum.forumactif.com
Luzz 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