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 1581 sites
logo article ou rubrique
Jouer avec le bandeau
Article mis en ligne le 15 mars 2013
dernière modification le 22 février 2017

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.

Avec EscalV3, 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.

Avec EscalV2

Il faut

  • mettre votre fichier image dans le dossier /squelettes/images
  • copier inc-bandeau.html de /escal/inclusions vers /squelettes inclusions
  • dans ce fichier inc-bandeau.html remplacer

par

fichier.ext étant le nom de votre fichier avec son extension

NB2 : Votre image doit faire au moins 950px de large pour remplir toute la largeur du bandeau.

 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-V3 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, aussi bien avec Escal-V3 qu’avec Escal-V2 à 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
  • 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

Avec EscalV3, 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

Avec EscalV2

Pour supprimer ce titre s’il ne convient pas à votre charte graphique, ben ... virez cette ligne du fichier en question. Ou encore plus simple, on rajoute la propriété display : none ; dans le style #titrepage. Autrement dit, on écrit ce code dans le fichier perso.css que l’on met dans le dossier /squelettes/styles.

et le titre disparaît.


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

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