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.

Suggestions - choix du bandeau du site

Rizzi
le 9 mars 2013
à 13:58
Rappel du sujet :

Bonjour
C’est un vrai plaisir d’avoir ce squelette, et de le mettre à jour régulièrement. Merci.
Dans la configuration du plugin, dans "généralités", on peut indiquer le nom d’un fichier image qui servira de bandeau au site.
Personnellement, j’ai fait quelques bandeaux, certains saisonniers, certains événementiels, certains par défaut... seulement, je ne me souviens pas forcément de ceux qui existent, ni du nom exact du fichier.
Bien sûr je peux aller récupérer les fichiers par ftp, mais voilà :

ce serait sympa si ce champs était une liste déroulante des fichiers disponibles, avec si possible un aperçu 😉

Je sors 😉

Suggestions - choix du bandeau du site

Suggestion intéressante ... mais je sens que ça va être chaud à mettre en place.

Suggestions - choix du bandeau du site

Merci... bon courage 😛

Suggestions - choix du bandeau du site

Oups !! Bien sûr, mêmes causes, mêmes effets : pour le choix de l’image de fond du site (dans l’onglet "couleurs" de la configuration d’Escal), l’intérêt est là aussi 😉

Suggestions - choix du bandeau du site

Pour la liste déroulante, c’est ok. (les images doivent être dans /squelettes/images/bandeau) 😎

Pour l’aperçu, là, c’est beaucoup plus chaud. Avec Firefox, c’est ok 😎 mais avec les autres navigateurs, aucun aperçu. 😕

C’est dans la version 3.70.16

Suggestions - choix du bandeau du site

Yes !!! C’est trop géniaaaaaaaal !!
D’autant que je suis sur Firefox 😉

Suggestions - choix du bandeau du site

Et même que comme c’est toujours la première fois la plus difficile, je l’ai aussi fait pour l’image de fond 😎

Suggestions - choix du bandeau du site

Trop la classe !! 😎

Suggestions - choix du bandeau du site

Merci Jean Christophe,

Je découvre cette subtilité géniale, pour le bandeau et l’image de fond.

Avec l’arrivée des migrations printanières annoncées chez les lettons, c’est exactement ce qu’il faut pour s’adapter au printemps et aux pap’illons ! Ils ont annoncé les grosses quantités de neige ... nous les avons eu avec quelques décalages ...

Dans la foulée de ce travail d’orfèvre, un bandeau, un fond qui changent en fonction du secteur de langue, ou en fonction des rubriques ?

Je complique, parce qu’il y a p’tet un plugin prévu pour le faire ...

Le Jaseur Boreal
www.lettonie-francija.fr

Suggestions - choix du bandeau du site

T’as vu, c’est chouette, hein ! 😎

Merci à Rizzi pour l’idée.

Pour ton idée, il y a le plugin Couleur de Rubrique, je vais voir si je peux m’en inspirer ...

Suggestions - choix du bandeau du site

Bon, les souhaits de chaque site étant tellement divers qu’il est quasiment impossible de proposer une configuration dans l’espave privé.

Je me suis donc contenté d’appeler des feuilles de style en fonction de la langue ou du secteur.

Le reste nécessite un peu de travail pour le webmestre. C’est expliqué dans cet article pour le bandeau et cet article pour les fonds (ou autres)

Des bandeaux , un fond fixe, ... des fonds selon langues et rubriques,

Merci Jean Christophe pour tous ces astuces de réglages pour "inc-bandeau", et pour régler les fonds selon langues et rubriques, dans les fichiers "secteurXX.css" ....

😄 Le printemps sera chaud !

Puisque que l’on est dans les fonds, avec toutes ces envies saisonnières de changement de papiers peints, ci dessous un truc transmis par R. Brocq pour obtenir un fond fixe derrière les articles de la page sommaire

Méthode pour un fond fixe :

1 - Dans l’espace privé, cliquez sur Squelettes - Escal - Couleurs. Dans les fonds, indiquez l’adresse de votre (vos) fonds.

2 - Dans le fichier config.css.html qui se trouve à la racine du répertoire escal, modifiez les lignes à partir de la ligne 100 (le numéro de ligne peut être différent si retouches en amont mais ça correspond à la rubrique "couleurs - les fonds") pour y copier ceci :

background-attachment :fixed ; permet de fixer le fond comme vous le souhaitez,

et

  • -webkit-background-size : cover ; /* pour Chrome et Safari */
  • -moz-background-size : cover ; /* pour Firefox */
  • -o-background-size : cover ; /* pour Opera */
  • background-size : cover ; /* version standardisée */

permettent pour différents navigateurs d’étirer la photo de telle sort qu’il n’y ait jamais de blancs.

Il n’y a plus qu’à trouver les couleurs ...

Des bandeaux , un fond fixe, ... des fonds selon langues et rubriques,

Excellent, je vais intégrer ça dans Escal en option car il faut aussi la possibilité de mettre un fond qui se répète, pour un dégradé par exemple.

Merci !

Suggestions - choix du bandeau du site

Et hop !
C’est dans la boîte ... version 3.70.26

Suggestions - choix du bandeau du site

Bonjour
Serait-il possible dans la configuration d’Escal de choisir le bandeau en fonction de la rubrique ?
expl :
Rubrique 1 = /squelettes/images/bandeau/xxx.jpg
Rubrique 2 = /squelettes/images/bandeau/xxx.jpg
Rubrique 3 = défaut
Rubrique 5 = /squelettes/images/bandeau/xxx.jpg
etc...
et laisser le bandeau par défaut aux rubriques non renseignées
Merci d’avance

Suggestions - choix du bandeau du site

Intéressant mais compliqué à mettre en oeuvre. Afficher un bandeau différent en fonction du secteur, c’est jouable. C’est l’affichage par défaut qui me pose problème. Faut que je bosse un plus la question.

Suggestions - choix du bandeau du site

Une cerise de plus sur le gâteau :

"Si votre dossier /squelettes/images/bandeau contient une image appelée rubriqueXX.jpg où XX est le numéro d’un secteur, alors ce secteur, ses sous-rubriques et leurs articles afficheront ce bandeau. Les autres afficheront le bandeau défini au-dessus ou sinon le logo d’Escal."

Même pas besoin de passer par la page de config !

Pas sur d’avoir testé tous les cas de figure, j’attends donc les retours.

Suggestions - choix du bandeau du site

Super ! Merci beaucoup
mais petit souci...

1 cas si :
Suppression du logo d’Escal/Académie de Lyon "oui"
Affichage du logo du site (défini dans "Identité du site") "non"
remplacement du logo par défaut par mon image OK
Résultat
page d’accueil = pas de bandeau
page rubrique = OK avec les images rubriqueXX.jpg et OK si pas d’image = Affichage du logo du site

2eme cas si :
Suppression du logo d’Escal/Académie de Lyon "oui"
Affichage du logo du site (défini dans "Identité du site") "non"
aucune image de remplacement
Résultat
page d’accueil = pas de bandeau
page rubrique = OK avec les images rubriqueXX.jpg et aune image dans les rubriques sans image rubriqueXX.jpg

3eme cas si :
Suppression du logo d’Escal/Académie de Lyon "oui"
Affichage du logo du site (défini dans "Identité du site") "oui"
aucune image de remplacement
Résultat
page d’accueil = bandeau OK (défini dans "Identité du site")
page rubrique = OK avec les images rubriqueXX.jpg mais au dessus il y à également le bandeau par défaut et OK dans les rubriques sans image rubriqueXX.jpg

Suggestions - choix du bandeau du site

Merci pour ces tests

En effet, il y a une c... dans le potage

Je regarde ça ce soir.

Suggestions - choix du bandeau du site

Après une petite investigation

Cas 2 : normal -> il me paraissait évident que si on veut un bandeau spécial dans certaines rubriques, c’est qu’on en a déjà un par défaut, non ?

Cas 3 : normal aussi -> j’ai aussi supposé que si on joue avec les bandeaux, c’est qu’on n’utilise pas le logo du site.

Cas 1 : c’est là où il faut que je corrige

Suggestions - choix du bandeau du site

Bon j’ai complètement changé d’approche.

Maintenant, on a 3 options :
 affichage du logo par défaut
 affichage du logo du site
 affichage de l’image de son choix avec possibilité de jouer avec les secteurs

Suggestions - choix du bandeau du site

Génial ... ça fonctionne parfaitement

Suggestions - choix du bandeau du site

et voici le résultat... ;-)
http://www.gfm-historique.ch/

Suggestions - choix du bandeau du site

Joli !

J’espère que tu t’es inscrit sur l’annuaire ;-)

Un bandeau confronté aux fonds d’images

Un bandeau sportif confronté aux envolées printanières ...

Un bandeau confronté aux fonds d’images

Excellent !

Libérez Escal !!

Réagir au sujet
Qui êtes-vous ?
Votre message

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

Ajouter un document

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 5.1.4