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.

Forum de l’article

Jouer avec le bandeau

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre.

Ajouter un document

Rappel de la discussion
Jouer avec le bandeau
Jean Remond - le 25 décembre 2015

Bonjour,
Je déploie un 2eme site avec Escal V3 sous spip 3.1 et je souhaiterai que l’image du bandeau soit en background des autres éléments (logo compris).
Je crois me souvenir qu’un fil en avait discuté, mais je ne retrouve plus le bout (du fil).
Si une piste s’ouvrait, je la suivrais nez au sol pour tenter d’aboutir 😉

Bravo pour la permanente évolution du squelette.
Bonnes fêtes de fin d’année.

Amicalement Jean.

Jouer avec le bandeau
Jean Christophe Villeneuve - le 26 décembre 2015

Tu peux le faire en mettant ton image de fond dans /squelettes/images/bandeau par exemple et en mettant dans un fichier perso.css (placé dans /squelettes/styles) le code suivant :

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

si ton image s’appelle monimage.jpg et fait 100px de hauteur

Jouer avec le bandeau
Jean Remond - le 27 décembre 2015

Merci beaucoup Jean-Christophe pour cette idée.
Je vais faire demain, aujourd’hui c’est repas de famille 😉
Je te redis quoi.

Amitiés.

Jouer avec le bandeau
Christian voillemont - le 5 janvier 2016

Bonjour,

J’ai suivi les conseils pour mettre un bandeau en background
pour avoir le logo incrusté dessus. Je n’ai pas mis les titres slogan... Pour des raisons de lisibilité, les ai ajouté a l’image avec des contours pour les rendre plus lisible.

cela va t il nuire à mon indexation ?

Jouer avec le bandeau
Jean Christophe Villeneuve - le 5 janvier 2016

Clairement non !

L’indexation par les robots se fait sur l’ensemble du contenu maintenant et sur quelques éléments dans le head des pages.

Jouer avec le bandeau
Baumstark - le 17 avril 2018

Bonjour,
J’ai essayé cette manipulation sous escal V4, mais je n’ai pas eu le succès escompté.(j’ai bien changé le code dans le perso css, garder le paramétrage escal demandant un bandeau personnalisé et souhaitant l’affichage du titre et du slogan).
Dans le CSS général, il y a bien une série de paramètres mais aucun pour le bandeau lui même.

L’objectif est bien de faire remonter le titre du site et le slogan dans l’image qui a été conçue pour cela.
Merci.

Jouer avec le bandeau
Jean Christophe Villeneuve - le 17 avril 2018

Bizarre que ça ne fonctionne pas.
Ceci dit, le plus simple est de fabriquer ton image avec le texte (titre, descriptif et/ou slogan) directement dans l’image elle-même puis de mettre cette image en tant que bandeau tout simplement. En plus l’image sera responsive.
Et pas besoin de CSS du coup !

Derniers commentaires

Modifier un texte
Ok c’était bien ça, cool. A l’avenir, utilises plutôt un éditeur de code plutôt que LibreOffice, (...)

Modifier un texte - suite et fin -
Super, c’est réparé Les apostrophes inclinés venaient de LibreOffice ! Encore (...)

Modifier un texte
Hello Je pencherais pour les apostrophes qui sont incurvées au lieu d’être droites car je ne vois (...)

Modifier un texte
Le fichier ci-dessous déposé dans le répertoire lang ne passe pas. "Parse error : syntax error, (...)

images dans un article
Bonjour Jean Christophe, non, je n’ai pas accès à ce fichier ; le répertoire /config ne m’est pas (...)

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