modifier les icônes des menus hamburger awesomeBB

3 participants

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

Résolu modifier les icônes des menus hamburger awesomeBB

Message par Andy In Jeu 12 Mai 2022 - 1:46

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 - 19:25, édité 1 fois
Andy In

Andy In
**

Messages : 51
Inscrit(e) le : 12/10/2016

http://moto-indian-forum.fra.co/
Andy In a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier les icônes des menus hamburger awesomeBB

Message par Chacha Mer 18 Mai 2022 - 9:13

modifier les icônes des menus hamburger awesomeBB UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier les icônes des menus hamburger awesomeBB

Message par Andy In Jeu 19 Mai 2022 - 2:20

Up
Andy In

Andy In
**

Messages : 51
Inscrit(e) le : 12/10/2016

http://moto-indian-forum.fra.co/
Andy In a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: modifier les icônes des menus hamburger awesomeBB

Message par Oka.mi Dim 22 Mai 2022 - 17:53

Bonjour !

modifier les icônes des menus hamburger awesomeBB 200.gif?cid=78ff2c8f4s6pwcx60oqdf6th4wmmmgvjcedfuhut3lg7tmmn&rid=200

Pouvez-vous expliciter votre demande ? De quelles icônes parlez-vous exactement ?


modifier les icônes des menus hamburger awesomeBB 1213Donnez un titre explicite modifier les icônes des menus hamburger awesomeBB VTzsyWB à votre sujet pour améliorer son référencement

Remerciez modifier les icônes des menus hamburger awesomeBB 976083691 le message qui vous a aidé pour le mettre en évidence

Cochez résolu lorsque votre problème est résolu pour faciliter le travail des modérateurs

L'aide par MP modifier les icônes des menus hamburger awesomeBB FsAeGeb n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier les icônes des menus hamburger awesomeBB

Message par Andy In Dim 22 Mai 2022 - 22:38

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
Andy In

Andy In
**

Messages : 51
Inscrit(e) le : 12/10/2016

http://moto-indian-forum.fra.co/
Andy In a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: modifier les icônes des menus hamburger awesomeBB

Message par Oka.mi Lun 23 Mai 2022 - 18:02

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 :
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);
});
Créez un nouveau JavaScript avec ceci avec placement sur toutes les pages.
Panneau d'administration > Modules > HTML & JavaScript > Gestion des codes JavaScript
modifier les icônes des menus hamburger awesomeBB U1135310

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.


modifier les icônes des menus hamburger awesomeBB 1213Donnez un titre explicite modifier les icônes des menus hamburger awesomeBB VTzsyWB à votre sujet pour améliorer son référencement

Remerciez modifier les icônes des menus hamburger awesomeBB 976083691 le message qui vous a aidé pour le mettre en évidence

Cochez résolu lorsque votre problème est résolu pour faciliter le travail des modérateurs

L'aide par MP modifier les icônes des menus hamburger awesomeBB FsAeGeb n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier les icônes des menus hamburger awesomeBB

Message par Andy In Mar 24 Mai 2022 - 10:47

merci bcp ! @Oka.mi

Andy In

Andy In
**

Messages : 51
Inscrit(e) le : 12/10/2016

http://moto-indian-forum.fra.co/
Andy In a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: modifier les icônes des menus hamburger awesomeBB

Message par Oka.mi Mar 24 Mai 2022 - 21:43

Andy In a écrit:merci bcp ! @Oka.mi


Avec plaisir Smile
modifier les icônes des menus hamburger awesomeBB MHDoUixAfin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton modifier les icônes des menus hamburger awesomeBB UsrblLM


modifier les icônes des menus hamburger awesomeBB 1213Donnez un titre explicite modifier les icônes des menus hamburger awesomeBB VTzsyWB à votre sujet pour améliorer son référencement

Remerciez modifier les icônes des menus hamburger awesomeBB 976083691 le message qui vous a aidé pour le mettre en évidence

Cochez résolu lorsque votre problème est résolu pour faciliter le travail des modérateurs

L'aide par MP modifier les icônes des menus hamburger awesomeBB FsAeGeb n'est pas autorisée pour que celle-ci puisse bénéficier au plus grand nombre
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier les icônes des menus hamburger awesomeBB

Message par Chacha Lun 30 Mai 2022 - 9:15

modifier les icônes des menus hamburger awesomeBB UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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