Personnalisation du site web : différentes approches dans la construction du pied de page

Modèles de site web

Quatre modèles de ce qui peut être réalisé sur les sites web des portails et des collections sont accessibles sur les liens suivants :

Ils recensent les différents modèles de pages, d’en-tête et de pied de page et illustrent l’utilisation de la feuille de styles CSS commentée dans un guide dédié.

Informations générales

Plusieurs approches dans la construction du pied de page sont possibles. Les bases du fonctionnement sont exposées dans le guide principal.

Pied de page contenant les logotypes de tutelles

Au préalable, il est nécessaire de télécharger les images via Site Web/Ressources.

Modèle de site web n°1 : Site Web/Ressources
Modèle de site web n°1 : Site Web/Ressources

Ajoutez par la suite les logotypes et/ou les liens vers les sites web institutionnels via l’éditeur HTML WYSIWYG (What you see is what you get) accessible dans l’espace Site Web/Pied de page. Vous pouvez vous approprier le modèle ci-dessous, il suffit de copier-coller le code HTML.

<div class="custom-footer-outer row">
  <div class="custom-footer-inner container">
    <a href="https://www.enseignementsup-recherche.gouv.fr/" target="_blank" rel="noopener"><img src="/SITE-WEB-MODELE-1/public/logo_mesr.svg" alt="Ministère de l'enseignement supérieur et de la recherche"></a>
    <a href="https://www.cnrs.fr/" target="_blank" rel="noopener"><img src="/SITE-WEB-MODELE-1/public/logo_cnrs.svg" alt="CNRS"></a>
    <a href="https://www.inria.fr/" target="_blank" rel="noopener"><img src="/SITE-WEB-MODELE-1/public/logo_inria.svg" alt="Inria"></a>
    <a href="https://www.inrae.fr/" target="_blank" rel="noopener"><img src="/SITE-WEB-MODELE-1/public/logo_inrae.svg" alt="INRAE"></a>
  </div>
</div>

Cette approche est notamment illustrée dans le pied de page du modèle de site web n°1.

Modèle de site web n°1 : pied de page
Modèle de site web n°1 : pied de page
Pour l’accompagnement dans la personnalisation de votre site web, contactez l’équipe de support à l’adresse support-ihm[at]ccsd.cnrs.fr.

Date de dernière mise à jour : 2023-01