esup-pod

Arborescence des pages

Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.
Commentaire: Personaliser le logo de l'établissement

Modifier le logo de l'établissement

Vous pouvez faire apparaitre en bas de page le logo de votre établissement.

Pour cela, placez votre logo dans le dossier `pod/main/static/custom/img`, et indiquez son chemin dans le fichier settings_local.py :

TEMPLATE_VISIBLE_SETTINGS = {
...

'LOGO_ETB': 'custom/img/logo_mon_etab.svg',
...
}

Si vous avez un logo d'établissement coloré :

Nous vous invitons à prévoir également une 2e version "mode sombre" de votre logo, qui sera suffisamment contrastée sur fonds foncés. Placez le fichier dans le même dossier que le premier, puis dans votre fichier CSS personnalisé indiquez ceci :


Bloc de code
languagecss
[data-theme="dark"] .pod-footer-logo {
  background-image: url('/static/custom/img/logo_mon_etab_blanc.svg') !important
}

Si votre logo d'établissement est monochrome,

Vous pouvez n'utiliser qu'un fichier, et en inverser les couleurs dans votre CSS personnalisé ainsi :


Bloc de code
languagecss
data-theme="dark"] .pod-footer-logo {
  filter: invert(100);
}



Changer les couleurs principales

Pour personnaliser le look de votre serveur Pod, vous pouvez ajouter votre propre feuille de style, en indiquant ceci dans le fichier settings_local.py :

TEMPLATE_VISIBLE_SETTINGS = {
...
'CSS_OVERRIDE''custom/

css/custom

theme-mon_etab.css',
...
}

Placez alors un fichier "custom.css" `theme-mon_etab.css` dans le dossier pod`pod/custommain/static/custom/css/`

Dans ce dernier, vous pouvez modifier les couleurs de Pod. Voici quelques exemples :

...