Vous êtes ici : Accueil > Trucs et astuces > Escal : insérer un bandeau responsive
Publié : 15 avril 2016
Format PDF Enregistrer au format PDF

Escal : insérer un bandeau responsive

Escal est un plugin d’habillage responsive, il s’adapte à la taille de l’écran.
Sauf le bandeau s’il est placé de façon conventionnel.
Pour le rendre responsive ; mode d’emploi.

1) Menu squelette -> Escal -> dans généralité -> bandeau

Cocher l’option 4

2) En local :
- Créer un dossier "squelettes".
- Dans ce dossier, créer les sous dossiers "images" et "styles"
- mettre l’image du bandeau dans le dossier "images"
- Créer une page "perso.css" dans le dossier "styles" avec le code ci-dessous

div#bandeau{
   background-image: url(/sites/www.votresite.ac-versailles.fr/squelettes/images/bandeau.jpg);
   height: la hauteur de votre bandeau en px;
        }

- Zipper le tout et l’envoyer à dsi-tice@ac-versailles.fr
Nous nous chargerons de le mettre en ligne.