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 1580 sites
logo article ou rubrique
Les cadres de couleur
Article mis en ligne le 4 février 2009
dernière modification le 23 mai 2017

par Jean Christophe Villeneuve

Les cadres de couleur qui sont sur les côtés, que ce soit dans la page sommaire, rubrique, article ou autre, sont aisément modifiables. Vous pouvez donc modifier ces pages à votre convenance très rapidement.

Tous ces cadres sont appelés de la même manière :

"fichier" correspondant au nom de la noisette appelée.

 Modifier leur position

Avec EscalV3, il suffit d’aller sur la page de configuration d’Escal et de choisir les noisettes qu’on garde et de les afficher où on veut et dans l’ordre souhaité.

Avec EscalV2

Il suffit de déplacer le code ci-dessus dans le bloc que vous voulez, soit dans le bloc navigation, soit dans le bloc extra.

On peut bien sur en mettre plusieurs à la suite

Ces fichiers sont appelés des noisettes ou fichiers inclus et se trouvent tous dans le dossier /inclusions.

Les noisettes disponibles sont décrites dans cette rubrique

Évidemment, rien ne vous empêche de concevoir vos propres noisettes.

 Modifier leur couleur

Avec EscalV3, une page de configuration dans l’espace privé permet de changer la couleur des noisettes (une seule couleur pour toutes les noisettes) .

Néanmoins, on peut changer l’aspect de chaque bloc individuellement en définissant ses propriétés CSS dans le fichier perso.css qui doit être placé dans le dossier /squelettes/styles.

Exemple : modifier l’aspect du bloc "Accès direct (inc-acces_direct)

affichera un bloc rouge avec un texte blanc, même pour les liens.

A noter que les sélecteurs css correspondent au nom de la noisette concernée mais attention, en cas de nom composé, c’est bien le tiret du 6 qu’il faut employer, pas l’underscore (tiret du 8), comme pour cet exemple avec acces-direct.

Un autre exemple pour être plus clair avec le bloc "Dans la même rubrique" de la page article (inc-meme_rub) :

Avec EscalV2

Il suffit de mettre la couleur que vous voulez à la place de couleur. Les couleurs disponibles actuellement sont :

  • vert
  • bleu
  • jaune
  • gris
  • rouge
  • marron

Encore une fois rien ne vous empêche d’ajouter de nouvelles couleurs.

Ça se passe dans le fichier general.css. Inspirez-vous de l’existant :

 Supprimer bord et fond

Avec EscalV3, on peut choisir la même couleur que le fond qui se trouve en-dessous ou rajouter dans perso.css le code suivant :

pour enlever le fond et les bords du texte de la noisette "Évènements" ou

pour enlever le fond et les bords de toutes les noisettes.

Avec EscalV2

On peut aussi supprimer les bords et/ou le fond de la partie inférieure.

Pour cela, il suffit de rajouter sans-bord et/ou sans-fond à la couleur du cadre. (Voir des exemples Cadres et couleurs)

A vous de jouer !


Plan du site Contact Mentions légales Espace rédacteurs squelette RSS

2009-2018 © Escal V4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.2.18