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 502 sites
Forum de l’article

Jouer avec le bandeau

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

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

0 | 5 | 10

Nuage de mot clé sur une seule colonne
Mais ça c’est normal car le nuage prend toute la largeur. Regarde sur un smartphone et tu verras (...)

Nuage de mot clé sur une seule colonne : Résolu
merci... j’ai donc sur deux lignes désormais... c’est nettement mieux. Amitiés. (...)

Nuage de mot clé sur une seule colonne
Et pour améliorer #tag_cloud a{ text-decoration: none;

Nuage de mot clé sur une seule colonne
Hello Attention, l’url de ton article est plutôt https://lairederien.net/spip.php?article859 (...)

Nuage de mot clé sur une seule colonne
Bonjour j’ai bien suivi les indications, et je vous remercie pour votre travail et votre (...)

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.2.99