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

Agenda et Mini-calendrier

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
IMAGE DE FOND FIXE OU MENSUELLE DANS AGENDA
Jaseur Boréal - le 30 janvier 2018

Comment mettre une image de fond fixe ou mensuelle, une couleur de fond dans la page AGENDA ?

Je reprends un fil de discussion du forum qui se mélangeait avec un autre :

  • "La page agenda a un tableau transparent, comme j’ai une image de fond, les textes sont peu voire pas lisible. Comment mettre un fond blanc dans la page agenda ?"
  • Comment mettre une image de fond différente pour l’Agenda ? Comment adapter le fond de l’Agenda avec une image différente de celle du fond de site ?
  • Est-ce qu’on peut envisager d’afficher en fond d’agenda une image adaptée, qui puisse être, poussons la logique almanach dans ses recoins, une image différente chaque mois ? En ayant préparé ces images de fond d’agenda, pour que leur couleurs et contrastes soient choisis en favorisant l’affichage des textes.

Une solution pour une image différente, si ton image est dans /squelettes/images/fonds, tu mets ça dans perso.css

    body.page-agenda {
            background-image: url(../images/fonds/image.jpg);
    }

Pour une image chaque mois , mais attention, ne pas imaginer que si on est au mois de janvier et qu’on regarde l’agenda du mois de février, ce sera l’image de février qui s’affichera. Non ce sera toujours celle de janvier.
Mais en revanche, le premier février 2018, le fond sera fevrier.jpg

Pour faire cela, on va utiliser le fichier persoconfig.css.html qu’il faut créer dans /squelettes/styles et dans ce fichier on mets :

    #CACHE{0}
    #HTTP_HEADER{Content-Type: text/css;}
     
     
    #SET{date,#DATE|nom_mois} 
    body.page-agenda {
            background-image: url(#CHEMIN{images/fonds/#GET{date}.jpg});
    }

Et bien sur, les images janvier.jpg, fevrier.jpg, mars.jpg ... sont dans ce cas là dans /squelettes/images/fonds

Voilà le récapitulatif "Image de Fond dans AGENDA", avec les essais et tests en cours .....
(à suivre)

IMAGE DE FOND FIXE OU MENSUELLE DANS AGENDA
christian voillemont - le 30 janvier 2018

Tres interressant, dans la semaine, je teste !

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