Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Utilisé à ce jour dans 439 sites
logo article ou rubrique
Jouer avec le bandeau
Article mis en ligne le 15 mars 2013
dernière modification le 15 janvier 2019

par Jean Christophe Villeneuve

L’image du bandeau

Pour tout le site

Elle peut évidemment être remplacée par celle que vous avez amoureusement concoctée.

La page de configuration dans l’espace privé permet d’insérer votre image dans le bandeau.

Tous les conseils et les détails dans cet article.

En fonction du secteur

On peut vouloir un bandeau différent pour tel ou tel secteur (rubrique de premier niveau). Pour cela, il faut avoir choisi l’option 3 "affichage d’un bandeau personnalisé" dans la configuration d’Escal partie "Généralités" puis "Bandeau". Il suffit ensuite de nommer une image rubriqueXX.jpg ou rubriqueXX.png où XX est le numéro du secteur et de placer cette image dans un dossier /squelettes/images/bandeau.
Bien sur, les sous-rubriques et leurs articles hériteront de ce bandeau.

Attention à garder une cohérence graphique entre les différents bandeaux !

En fonction de la langue

On peut aussi s’amuser à changer l’image du bandeau en fonction de la langue de la rubrique.

Pour cela, on va

  • copier inc-bandeau.html de /escal/inclusions vers /squelettes inclusions
  • dans ce fichier, remplacer tout le code existant par ceci
    1. <div id="bandeau">
    2.  
    3. <dl class="image_fluide">
    4.     <dt>
    5.         <a href="[(#URL_SITE_SPIP|parametre_url{lang,#ENV{lang}})]" title="<:escal:accueil:>" >
    6.         [(#CHEMIN{images/bandeau/bandeau-#LANG.jpg}|balise_img{<:escal:bandeau:>}|image_reduire{#CONFIG{escal/config/largeurlayoutbase,950}})]
    7.         </a>
    8.     </dt>
    9. </dl>
    10.  
    11. <div id="titrepage">
    12.   <div id="nom-site-spip">
    13.   [(#NOM_SITE_SPIP)]
    14.   </div>
    15.  
    16.   <div id="slogan-site-spip">
    17.   [(#SLOGAN_SITE_SPIP|?{#SLOGAN_SITE_SPIP,Slogan du site})]
    18.   </div>
    19.  
    20.   <div id="descriptif-site-spip">
    21.   [(#DESCRIPTIF_SITE_SPIP|?{#DESCRIPTIF_SITE_SPIP,Descriptif du site})]
    22.   </div>
    23. </div>
    24.  
    25. </div>
    26.  
    27. <div class="nettoyeur"></div>

    Télécharger

  • créer un bandeau par langue appelé ainsi bandeau-XX.jpg où XX correspond au code de langue (fr, en, de, es, it, ....)
  • déposer ces images dans un dossier /squelettes/images/bandeau (à créer s’il n’existe pas).

Le titre du site

Une page de configuration dans l’espace privé permet de supprimer ce titre et/ou le slogan et le descriptif du site en quelques clics. Cette page se trouve dans

  • Squelettes → Escal
  • Généralités → Bandeau
qrcode:http://escal.ac-lyon.fr/spip/spip.php?article193

Plan du site Contact Mentions légales Espace rédacteurs squelette RSS

2009-2019 © Escal V4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.3.14