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.

Mettre une image de fond pour le bandeau
Article mis en ligne le 16 janvier 2016
dernière modification le 22 janvier 2023

par Jean Christophe Villeneuve

Si on veut afficher un descriptif du site et/ou un slogan dans le bandeau et en changer régulièrement, il peut être intéressant d’avoir une image de fond pour ce bandeau. Pour faire cela, il faut

  • déposer l’image de fond dans /squelettes/images/bandeau par exemple (dossier et sous-dossiers à créer si pas encore existants ). Cette image doit avoir une largeur correspondant à celle du site (950px par défaut ou la valeur que vous avez inscrite dans la configuration d’Escal -> Généralités -> Layout -> Largeur du layout)
  • Choisir l’option 4 "aucune image" dans la configuration d’Escal -> Généralités -> Bandeau
  • rajouter ce code dans le fichier perso.css (à créer dans /squelettes/styles s’il n’existe pas encore)

NB : la hauteur inscrite pour le height est celle de votre image de fond.

NB2 : il faut bien sur indiquer le nom de votre image à la place de mon_image.jpg

div#bandeau{
    background-image: url(../images/bandeau/mon_image.jpg);
    height: 100px;
}

Attention, cette image ne sera pas responsive !
Il est donc préférable de faire une image avec les textes que l’on veut dans l’image et passer par l’option 3.

qrcode:https://escal.edu.ac-lyon.fr/spip/spip.php?article264

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2