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.

Probleme affichage fond d’ecran via bandeau

Michel hennebert
le 21 janvier 2023
à 16:58
Rappel du sujet :

J’ai téléchargé la photo de fond dans Squelette/image/bandeau
J’ai modifié perso.css avec le même nom de fichier
J’ai pris option 4 dans bandeau
Il apparait le centre de la page d’accueil à espace
Merci de votre aide

Probleme affichage fond d’ecran via bandeau

une url peu être pour visualiser la problématique
car je comprend pas la question

Probleme affichage fond d’ecran via bandeau

Hello

Oui une URL serait bienvenue.

De plus c’est dans squelettes/images/bandeau (squelettes avec un "s" minuscule au début et images avec un "s" à la fin) qu’il faut mettre ses images de bandeau et c’est l’option 3 qu’il faut choisir puis ensuite choisir son image dans la liste un peu plus bas.

Enfin, que vient faire le perso.css là dedans ?

Et je ne comprends pas "Il apparait le centre de la page d’accueil à espace"

Probleme affichage fond d’ecran via bandeau

Hello

Pour info j’ai utilisé votre doc
https://escal.edu.ac-lyon.fr/spip/spip.php?article264&recherche=bandeau
Pour les "s" il s’agit d’une erreur dans l’article transmis dans le forum

J’ai modifié l’option 4 en 3 l’image apparait
Toutefois les menus apparaissent en dessous de cette photo
Les menus peuvent ils apparaitre sur la photo de fond

URL http://www.portefaix-dainville.fr/

Probleme affichage fond d’ecran via bandeau

Hello

Alors d’abord, inutile de poster X fois le même message. Si ton message comporte un lien, il faut que je le valide pour qu’il apparaisse. Cela évite les spams.

J’avais oublié cette astuce pour avoir un fond sur le bandeau. En effet c’est bien l’option 4 qu’il faut choisir. Essaie de la cocher à nouveau et corrige dans ton perso.css la ligne

background-image: url(squelettes/images/bandeau/fond_image_site_portefaix.jpg);

par

background-image: url(../images/bandeau/fond_image_site_portefaix.jpg);

Mais attention, cette image ne sera pas responsive, ce qui sera très moche sur les smartphones.

Je te conseille plutôt de rajouter sur ton image les infos que tu veux (titre du site, descriptif ou autre) et de passer par l’option 3. Attention aussi à ne pas avoir une image trop haute qui prend presque tout l’écran.

Pour faire apparaître les menus, il faut que je regarde mais il est souvent plus simple de choisir une couleur de fond du menu qui s’harmonise avec le bas de ton image. Un joli vert donc.

Probleme affichage fond d’ecran via bandeau

Je te conseille aussi très vivement de choisir une mise en page fluide pour avoir un affichage correct sur tous les écrans.

Affichage fond d’écran

Je te joins ma page d’accueil d’un autre site que j’ai développé avec EVA
Je souhaiterai me rapprocher de ce modèle si cela est possible
Merci à l’avance

https://www.lagalissonne.fr/

Probleme affichage fond d’ecran via bandeau

ok mais tu veux un fond pour le bandeau ou pour tout le site ?

Affichage fond d’écran

pour le site si cela ne pose pose de problème

Affichage fond d’écran

Ben non, ça ne pose aucun problème, c’est même prévu.
Mais l’image doit être dans /squelettes/images/fonds
Et ça se paramètre dans "Un peu de style - Les fonds et les textes"

Affichage fond d’écran

J’oubliais de préciser qu’il faudrait rendre le conteneur transparent en mettant ce code dans ton fichier perso.css (et virer ce qui y est actuellement car inutile, voire problématique)

#conteneur {
	background-color: transparent;
	color: #000000;
}

Et je recommande à nouveau le passage à un layout fluide.

Affichage fond d’ecran

Cela fonctionne Merci beaucoup

Quels conseils pour obtenir layout fluide

Affichage fond d’ecran

j’ai trouvé pour configurer le layout fluide
Merci

Affichage fond d’écran

Il te suffit de choisir le layout que tu veux parmi les 5 layouts fluides proposés dans la config d’Escal, à priori celui-ci

Affichage fond d’écran

Ben voilà ça prend forme. Faudrait quand même virer le logo de l’académie (option 2 ou 4 pour le bandeau)

Réagir au sujet
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. Inutile de le poster à nouveau ;-)

Ajouter un document

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

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