modifier les icônes des menus hamburger awesomeBB
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
modifier les icônes des menus hamburger awesomeBB
Détails techniques
Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://moto-indian-forum.fra.co/
Description du problème
J'aimerais utiliser les icônes de la version phpBB3 dans les 2 menus hamburger de part et d'autre de la version AwesomeBB comment faire ?note : tout ce que peux modifier en icônes, picto logo hormis la couleur et les quelques modifs dans le PA ne fonctionne pas rien ne se valide...
Merci
Dernière édition par Andy In le Lun 30 Mai 2022 - 17:25, édité 1 fois
Re: modifier les icônes des menus hamburger awesomeBB
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 » |
Re: modifier les icônes des menus hamburger awesomeBB
Bonjour !
Pouvez-vous expliciter votre demande ? De quelles icônes parlez-vous exactement ?
Pouvez-vous expliciter votre demande ? De quelles icônes parlez-vous exactement ?
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Re: modifier les icônes des menus hamburger awesomeBB
la version du forum actuel en phpbb3 à des icônes personnalisées , j'aimerais les récupérer afin de les ajouter en lieu et place des icônes par défaut de la version awesomeBB
Re: modifier les icônes des menus hamburger awesomeBB
On peut écrire un code JavaScript :
- qui attend que les liens du menu sous AwesomeBB soient chargés (car ils sont eux-mêmes chargés par JavaScript) avant de s'exécuter
- remplace le html du bouton "Accueil" par le html de votre bouton sous phpbb2
- installe derrière ce bouton "Accueil" les boutons "événements" et "sujets actifs" pour respecter l'ordre sur votre forum sous phpbb2
- remplace le html du bouton "Recherche" par le html de votre bouton sous phpbb2, idem pour le bouton "S'enregistrer" et "Connexion"
- installe les boutons avec les motos en fin de liste
Ce qui donnerait ceci :
Panneau d'administration > Modules > HTML & JavaScript > Gestion des codes JavaScript
Voilà, je ne peux pas faire plus étant donné que ce sont les seules icônes que je vois, mais vous avez sans doute compris la logique. N'hésitez pas si vous avez des questions.
- qui attend que les liens du menu sous AwesomeBB soient chargés (car ils sont eux-mêmes chargés par JavaScript) avant de s'exécuter
- remplace le html du bouton "Accueil" par le html de votre bouton sous phpbb2
- installe derrière ce bouton "Accueil" les boutons "événements" et "sujets actifs" pour respecter l'ordre sur votre forum sous phpbb2
- remplace le html du bouton "Recherche" par le html de votre bouton sous phpbb2, idem pour le bouton "S'enregistrer" et "Connexion"
- installe les boutons avec les motos en fin de liste
Ce qui donnerait ceci :
- Code:
$(function(){
var checkExist = setInterval(function() {
if ($('#main-menu ul').length) {
// Bouton Accueil
$('#main-menu a[href="/"]').html(`<img id="i_icon_mini_index" src="https://i.servimg.com/u/f97/19/53/50/89/icone_27.png" alt="Accueil" title="Accueil" hspace="0" border="0">`)
// Boutons insérés après "Accueil"
.after(`
<li><a href="/events"><img id="i_icon_mini_event" src="https://i.servimg.com/u/f62/19/53/50/89/indian17.png" alt="Évènements" title="Évènements" hspace="0" border="0"></a></li>
<li><a href="/search?search_id=activetopics"><img src="https://i.servimg.com/u/f62/19/53/50/89/sujets10.png" alt="Sujets Actifs Du Jour" title="Sujets Actifs Du Jour" hspace="0" border="0"></a></li>
`);
// Bouton Recherche
$('#main-menu a[href="/search"]').html(`<img id="i_icon_mini_search" src="https://i.servimg.com/u/f97/19/53/50/89/icone_33.png" alt="Rechercher" title="Rechercher" hspace="0" border="0">`);
// Bouton S'enregistrer
$('#main-menu a[href="/register"]').html(`<img id="i_icon_mini_register" src="https://i.servimg.com/u/f97/19/53/50/89/icone_32.png" alt="S'enregistrer" title="S'enregistrer" hspace="0" border="0">`);
// Bouton Connexion
$('#main-menu a[href="/login"]').html(`<img id="i_icon_mini_login" src="https://i.servimg.com/u/f97/19/53/50/89/icone_28.png" alt="Connexion" title="Connexion" hspace="0" border="0">`);
// Boutons motos en fin de liste
$('#main-menu ul').eq(1).append(`
<li><a href="/c2-indian-1901-1953"><img src="https://i.servimg.com/u/f44/19/53/50/89/indian10.png" alt="Indian 1901 - 1953" title="Indian 1901 - 1953" hspace="0" border="0"></a></li>
<li><a href="/c1-indian-scout-1133cc-999cc"><img src="https://i.servimg.com/u/f44/19/53/50/89/scout210.png" alt="Forum Scout, Sixty, Bobber" title="Forum Scout, Sixty, Bobber" hspace="0" border="0"></a></li>
<li><a href="c11-ftr-1200"><img src="https://i.servimg.com/u/f44/19/53/50/89/ftr12013.png" alt="Forum FTR1200" title="Forum FTR1200" hspace="0" border="0"></a></li>
<li><a href="/c8-challenger"><img src="https://i.servimg.com/u/f44/19/53/50/89/tn202010.png" alt="Indian Challenger" title="Indian Challenger" hspace="0" border="0"></a></li>
<li><a href="/c6-indian-chief-chief-vintage"><img src="https://i.servimg.com/u/f44/19/53/50/89/chiefb10.png" alt="Forum Chief Springfield" title="Forum Chief Springfield" hspace="0" border="0"></a></li>
<li><a href="/c13-indian-roadmaster-chieftain"><img src="https://i.servimg.com/u/f44/19/53/50/89/rm-bit10.png" alt="Forum Chieftain / Roadmaster" title="Forum Chieftain / Roadmaster" hspace="0" border="0"></a></li>
`);
clearInterval(checkExist);
}
}, 100);
});
Panneau d'administration > Modules > HTML & JavaScript > Gestion des codes JavaScript
Voilà, je ne peux pas faire plus étant donné que ce sont les seules icônes que je vois, mais vous avez sans doute compris la logique. N'hésitez pas si vous avez des questions.
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Re: modifier les icônes des menus hamburger awesomeBB
merci bcp ! @Oka.mi
Re: modifier les icônes des menus hamburger awesomeBB
Andy In a écrit:merci bcp ! @Oka.mi
Avec plaisir
Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
|
Donnez un titre explicite à votre sujet pour améliorer son référencement Remerciez le message qui vous a aidé pour le mettre en évidence Cochez lorsque votre problème est résolu pour faciliter le travail des modérateurs L'aide par MP n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre |
Re: modifier les icônes des menus hamburger awesomeBB
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
» Modifier couleur police des menus déroulants.
» Enlever les noms des menus et laisser les icones
» Mini icones du menus avec un menu personnalisé
» Barre des Menus et Icônes du forum : Images disparues
» Intégrer l'image d'un logo ou icones svg dans le header - Awesomebb
» Enlever les noms des menus et laisser les icones
» Mini icones du menus avec un menu personnalisé
» Barre des Menus et Icônes du forum : Images disparues
» Intégrer l'image d'un logo ou icones svg dans le header - Awesomebb
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