Burger Menu - Ajout boutons personnalisés
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Burger Menu - Ajout boutons personnalisés
Bonjour,
Je suis sur la version AwesomeBBBETA et mon forum est celui-ci: https://developpement-cmlv.forumactif.com/ .
J'aimerai ajouter deux boutons qui permettent d'afficher les membres et les groupes auxquels on appartient.
(réalisé en inspectant élément puis en ajoutant manuellement du html)
Malgré maintes tentatives en passant par l'edition du thème, css et javascript impossible de trouver le bon endroit pour ajouter ceux-ci. En-effet, je n'arrive pas à ajouter des élements dans le main-user-menu, ceux-ci ne s'affichent pas à l'intérieur du menu déroulant lorsqu'on clique dessus. Voici néanmoins le code en html qui permettrai de pouvoir ajouter ces deux boutons correctement avec le lien + icones/texte.
Je précise que le burger-menu pour moi c'est le menu qui s'affiche à droite lorsqu'on est connecté et qui permet d'afficher plusieurs options.
Merci par avance !
Je suis sur la version AwesomeBBBETA et mon forum est celui-ci: https://developpement-cmlv.forumactif.com/ .
J'aimerai ajouter deux boutons qui permettent d'afficher les membres et les groupes auxquels on appartient.
(réalisé en inspectant élément puis en ajoutant manuellement du html)
Malgré maintes tentatives en passant par l'edition du thème, css et javascript impossible de trouver le bon endroit pour ajouter ceux-ci. En-effet, je n'arrive pas à ajouter des élements dans le main-user-menu, ceux-ci ne s'affichent pas à l'intérieur du menu déroulant lorsqu'on clique dessus. Voici néanmoins le code en html qui permettrai de pouvoir ajouter ces deux boutons correctement avec le lien + icones/texte.
- Code:
<ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul>
Je précise que le burger-menu pour moi c'est le menu qui s'affiche à droite lorsqu'on est connecté et qui permet d'afficher plusieurs options.
Merci par avance !
Dernière édition par Pauul le Jeu 20 Aoû 2020 - 8:19, édité 1 fois
Re: Burger Menu - Ajout boutons personnalisés
Bonjour,
Les éléments du menu ne sont pas nativement éditables
Toutefois j'ai déjà vu des forums où c'était le cas, donc ça doit être possible en JS (ne me demandez pas comment )
En revanche, je ne comprends pas l'intérêt même de votre demande pour de tels boutons
En effet, les liens membres et groupes sont disponibles dans le menu de gauche
Les éléments du menu ne sont pas nativement éditables
Toutefois j'ai déjà vu des forums où c'était le cas, donc ça doit être possible en JS (ne me demandez pas comment )
En revanche, je ne comprends pas l'intérêt même de votre demande pour de tels boutons
En effet, les liens membres et groupes sont disponibles dans le menu de gauche
Dernière édition par chattigre le Jeu 13 Aoû 2020 - 15:12, édité 2 fois
Re: Burger Menu - Ajout boutons personnalisés
Hello Pauul,
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposes ceci:
Penses à cliquer sur le bouton VALIDER
Le résultat imagé:
C'est pas faux mais c'est un choix..
Et voilou .
a++
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposes ceci:
- Code:
$(function(){$(function(){
$('div[id="main-user-menu"]').each(function(){
$(this).find('div[class="divider"]:eq(1)').after(' <ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})});
Penses à cliquer sur le bouton VALIDER
Le résultat imagé:
En revanche, je ne comprends pas l'intérêt même de votre demande pour de tels boutons Wink
En effet, les liens membres et groupes sont disponibles dans le menu de gauche
C'est pas faux mais c'est un choix..
Et voilou .
a++
Invité- Invité
Re: Burger Menu - Ajout boutons personnalisés
Coucou Milouze
Désolé de m'incruster, mais ma demande est la même ^^
Tu peux me confirmer comment je fais pour que cet ajout ne soit fait qu'aux modérateurs ?
Et pour l'ajouter au menu "principal" on remplace juste main-user-menu par main-menu c'est ça ?
Merci et bonne soirée
Désolé de m'incruster, mais ma demande est la même ^^
Tu peux me confirmer comment je fais pour que cet ajout ne soit fait qu'aux modérateurs ?
Et pour l'ajouter au menu "principal" on remplace juste main-user-menu par main-menu c'est ça ?
Merci et bonne soirée
chattigre
Aidactif
Aidactif
Pour une aide efficace...
Mettez un titre explicite
Communiquez vos personnalisations
Rendez le forum et votre problème directement visible
Si votre problème est résolu, éditez votre premier message et cochez l'icône
Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
Re: Burger Menu - Ajout boutons personnalisés
Hello chattigre ,
Admin et modérateur , ce sera:
Ben comme tu l'as mentionné plus haut, ces champs sont déjà dans la partie gauche !!
a++
Tu peux me confirmer comment je fais pour que cet ajout ne soit fait qu'aux modérateurs ?
Admin et modérateur , ce sera:
- Code:
$(function(){
if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
{$(function(){
$('div[id="main-user-menu"]').each(function(){
$(this).find('div[class="divider"]:eq(1)').after(' <ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})}});
Et pour l'ajouter au menu "principal" on remplace juste main-user-menu par main-menu c'est ça ?
Ben comme tu l'as mentionné plus haut, ces champs sont déjà dans la partie gauche !!
a++
Invité- Invité
Re: Burger Menu - Ajout boutons personnalisés
Salut,
Ah oui mais non
Je veux aussi ajouter des liens... mais pas ceux-là
Je me debrouillerai moi même pour l'insertion/modification des liens, ça va aller
Par contre je veux bien m'assurer de la procédure pour l'autre menu
Merci !
Ah oui mais non
Je veux aussi ajouter des liens... mais pas ceux-là
Je me debrouillerai moi même pour l'insertion/modification des liens, ça va aller
Par contre je veux bien m'assurer de la procédure pour l'autre menu
Merci !
Re: Burger Menu - Ajout boutons personnalisés
Re,
alors oui, tu peux tester ce script qui va placer juste après la séparation deux liens et ajouter à la fin une séparation:
Ou alors celui-ci qui va placer l'identique tout au début du menu:
Ou celui-ci qui va placer l'identique tout à la fin du menu:
Et voilou .
a++
alors oui, tu peux tester ce script qui va placer juste après la séparation deux liens et ajouter à la fin une séparation:
- Code:
$(function(){
if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
{
$(function(){
$('div[id="main-menu"]').each(function(){
$(this).find('div[class="divider"]').after('<ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})}});
Ou alors celui-ci qui va placer l'identique tout au début du menu:
- Code:
$(function(){
if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
{
$(function(){
$('div[id="main-menu"]').each(function(){
$(this).find('ul:first').before('<div class="divider"></div><ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})}});
Ou celui-ci qui va placer l'identique tout à la fin du menu:
- Code:
$(function(){
if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
{
$(function(){
$('div[id="main-menu"]').each(function(){
$(this).find('ul:last').after('<div class="divider"></div><ul><li><a href="/memberlist"><i class="material-icons">people_outline</i><span>Membres</span></a></li><li><a href="/groups"><i class="material-icons">group</i><span>Groupes</span></a></li></ul><div class="divider"></div>');
});})}});
Et voilou .
a++
Invité- Invité
Re: Burger Menu - Ajout boutons personnalisés
Milles merci !
C'est exactement ce que je voulais. Pour ceux qui me demandent pourquoi je souhaite mettre ces deux boutons dans ce menu, c'est parce que j'ai supprimé l'autre que je jugeais inutile (faq, calendrier..) donc plus intéressant pour moi de tout regrouper ensemble.
C'est exactement ce que je voulais. Pour ceux qui me demandent pourquoi je souhaite mettre ces deux boutons dans ce menu, c'est parce que j'ai supprimé l'autre que je jugeais inutile (faq, calendrier..) donc plus intéressant pour moi de tout regrouper ensemble.
Re: Burger Menu - Ajout boutons personnalisés
Merci beaucoup Milouze !
Je teste ça au plus vite
Bonne soirée
Je teste ça au plus vite
Bonne soirée
chattigre
Aidactif
Aidactif
Pour une aide efficace...
Mettez un titre explicite
Communiquez vos personnalisations
Rendez le forum et votre problème directement visible
Si votre problème est résolu, éditez votre premier message et cochez l'icône
Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
Re: Burger Menu - Ajout boutons personnalisés
Coucou chattigre,
j'allais justement te poser la question .
a++
j'allais justement te poser la question .
a++
Invité- Invité
Re: Burger Menu - Ajout boutons personnalisés
Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse. |
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Sujets similaires
» Menu burger - CSS - AwesomeBB
» Décaler icone menu burger
» Changer couleur de fond du Menu Burger
» Modifier le "Burger Menu" version AwesomeBB
» AwesomeBB : menu burger ne fonctionne plus une fois connecté
» Décaler icone menu burger
» Changer couleur de fond du Menu Burger
» Modifier le "Burger Menu" version AwesomeBB
» AwesomeBB : menu burger ne fonctionne plus une fois connecté
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum