mettre deux logos entête de page avec eguru

mettre deux logos entête de page avec eguru

par ghasem Ahmedou,
Nombre de réponses : 16

Bonjour

 j'essaie de personnaliser l'entête de page du thème eguru sur mon site Moodle

***

j'ai mis un logo à gauche mais je ne vois pas le chemin pour mettre le deuxième à droite. 

Même problème au niveau du Pied de page

Quelqu'un peut il me donner appui et conseils pour résoudre ce problème?

Salutations 

El Ghassem

(Modifié par Luiggi Sansonetti. Lien retiré car ne redirige sur rien d'existant mais sur un achat de domaine. Écrit initialement le samedi 13 mars 2021, 13:25)

Moyenne des évaluations  -
En réponse à ghasem Ahmedou

Re: mettre deux logos entête de page avec eguru

par Luiggi Sansonetti,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Titulaires du Moodle Course Creator Certificate Avatar Traducteurs
Bonsoir

Le site n'est pas encore disponible (ou toujours en vente visiblement (et très cher)...)
J'ai masqué le lien (je fais partie des modérateurs clin d’œil) car il n'y avait rien derrière pour vous guider visuellement

Donc à voir par la suite

Et à voir si quelqu'un connait ce thème.
Moyenne des évaluations  -
En réponse à Luiggi Sansonetti

Re: mettre deux logos entête de page avec eguru

par ghasem Ahmedou,
Bonjour Monsieur Luiggi Sansonetti
Merci pour cette intervention
En fait le site n'est pas à vendre mais j'ai fait une erreur dans l'écriture du nom du site en mettant .com au lieu de .net
Donc mon site Moodle est bien : www.dirasaty.net
Et Mon problème est: comment insérer une image à droite au niveau de l'entete et du pied de page dans le thème eGuru
Merci pour le support
El Ghassem (de Nouakchott)
Moyenne des évaluations  -
En réponse à ghasem Ahmedou

Re: mettre deux logos entête de page avec eguru

par Patrick Lemaire,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Bonjour Ghasem,
Le site en question est proposé par un prestataire (LMSACE). Pourquoi ne pas le solliciter ?
Sinon, il pourrait être utile de fournir une capture d'écran avec les endroits précis où faire figurer les logos.
À bientôt,
Patrick
Moyenne des évaluations  -
En réponse à Patrick Lemaire

Re: mettre deux logos entête de page avec eguru

par ghasem Ahmedou,
Bonjour Patrick
Merci pour la remarque.
Je verrai si à ce niveau on peut trouver une solution
Salutations
El Ghassem
Moyenne des évaluations  -
En réponse à ghasem Ahmedou

Re: mettre deux logos entête de page avec eguru

par Christian Bocquet,
Avatar Moodleurs particulièrement utiles
Bonjour,

Est-ce à cet emplacement que vous souhaiteriez insérer le deuxième logo ?

Christian



Moyenne des évaluations  -
En réponse à Christian Bocquet

Re: mettre deux logos entête de page avec eguru

par ghasem Ahmedou,
Bonjour Christian

Tout à fait , à la même place

Merci
El Ghassem
Moyenne des évaluations  -
En réponse à ghasem Ahmedou

Re: mettre deux logos entête de page avec eguru

par Christian Bocquet,
Avatar Moodleurs particulièrement utiles
Merci. Je vous propose d'essayer ceci :
  • Déposer le fichier image .PNG du deuxième logo directement sur le serveur dans le dossier /theme/eguru/pix/home et le renommer logo2.png
  • Ajouter au fichier  theme/eguru/templates/header.mustache  les lignes suivantes, juste après la ligne 43 (pour la version 3.10 du thème Eguru) contenant <div class="clearfix"></div> :
</div>
<div class="header-logo">
   <a class="navbar-brand" href="{{{ config.wwwroot }}}/?redirect=0">
   <img src="https://dirasaty.net/theme/eguru/pix/home/logo2.png" width="183" height="67" alt="Eguru">
   </a>
</div>


Christian

En annexe le fichier modifié theme/eguru/templates/header.mustache

Moyenne des évaluations  -
En réponse à Christian Bocquet

Re: mettre deux logos entête de page avec eguru

par ghasem Ahmedou,
Re bonjour Christian
Excellent, Je suivrai le chemin et reviendrai vers vous pour le resultat d'ici demain.
Merci a Vous et a Moodle
Ghassem
Moyenne des évaluations  -
En réponse à Christian Bocquet

Re: mettre deux logos entête de page avec eguru

par François MOTTARD,
Merci Christian
Je viens d'effectuer la modification et cela fonctionne.
Moyenne des évaluations  -
En réponse à François MOTTARD

Re: mettre deux logos entête de page avec eguru

par ghasem Ahmedou,
SUPER François
Excellent. Je suis hors de la ville.
Bonne soiree et Merci a Tous
El Ghassem
Moyenne des évaluations  -
En réponse à ghasem Ahmedou

Re: mettre deux logos entête de page avec eguru

par Christian Bocquet,
Avatar Moodleurs particulièrement utiles
Bonjour,

Quant au pied de page, il est possible de suivre un peu la même idée en ajoutant des lignes de code à l'un des quatre blocs du pied de page.
Pour retrouver le deuxième logo dans le bloc de droite, le quatrième, en ajoutant les lignes de code entre {{#block4}}  à la ligne 102 et  {{/block4}} à la ligne 119 du fichier theme/eguru/templates/footer.mustache

Par exemple, à la ligne 118 :

{{#footerlogo}}
          <div class="logo-footer">
          <a href="{{{ config.wwwroot }}}/?redirect=0">
         <img src="https://dirasaty.net/theme/eguru/pix/home/logo2.png" width="183" height="67" alt="Eguru">
          </a>
         </div>
{{/footerlogo}}


Christian
Moyenne des évaluations  -
En réponse à Christian Bocquet

Re: mettre deux logos entête de page avec eguru

par Patrick Lemaire,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Bonjour Christian,
Une alternative, sans modification de code, pourrait être dans le genre :
div#navbarSupportedContent:after {
    content: "";
    position: absolute;
    width: 183px;
    height: 67px;
    top: 33px;
    display: inline-block;
    background: url(https://dirasaty.net/theme/eguru/pix/home/logo2.png) no-repeat;
    background-size: 100%;
}
Il faudrait peut-être affiner un peu...
J'ai des doutes sur la conservation de l'aspect Responsiv avec ma rustine CSS 🤔

À bientôt,
Patrick
Moyenne des évaluations  -
En réponse à Patrick Lemaire

Re: mettre deux logos entête de page avec eguru

par Christian Bocquet,
Avatar Moodleurs particulièrement utiles

Bonjour Patrick,

Oui, à affiner un peu pour que ça ne déborde pas et il me semble qu'on perde l'aspect Responsiv  comme tu dis.


Moyenne des évaluations  -
En réponse à Christian Bocquet

Re: mettre deux logos entête de page avec eguru

par ghasem Ahmedou,
Bonjour Christian, Bonjour Patrick
Je vais partager vos remarques avec deux collegues developpeurs au seen de mon equipe..

Merci a Vous et a François Mottard qui nous donne son support a distance.
Bien a Vous
El Ghassem
Moyenne des évaluations  -
En réponse à ghasem Ahmedou

Re: mettre deux logos entête de page avec eguru

par Patrick Lemaire,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Moodleurs particulièrement utiles Avatar Testeurs Avatar Traducteurs
Bonjour Ghasem,
Si tu souhaites "remercier" des contributeurs pour leurs réponses qui ont pu te mettre sur la voie, tu peux « Voter "Utile" », pour guider les prochains vers une résolution de problèmes similaires.

Voter Utile, ça te rend Utile !

À ton tour, tu aideras cette communauté 😉

À bientôt,
Patrick
Moyenne des évaluations Utile (1)