SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

289 Plugins, 197 contribs sur SPIP-Zone, 108 visiteurs en ce moment

Accueil > Squelettes > Outils pour squelettes > Base CSS pour SPIP > Réglage de cette base CSS

Réglage de cette base CSS

23 mai 2011 – par tetue – commentaires

4 votes

Les feuilles de style de ce framework CSS sont générées par ce plugin SPIP, à partir des variables renseignées (interligne, police, taille, etc.).

Cette base CSS est configurable depuis l’espace privé (si l’un des plugins de config, CFG ou Bonux, est installé). Il est possible de régler quelques valeurs fondamentales, qui concernent essentiellement la typo, comme la famille de polices et la taille par défaut des textes, l’interlignage, les couleurs de texte et de fond, etc.

Configuration de Pétronille avec les valeurs de Blueprint

Cette configuration est facultative, car les valeurs par défaut permettent de commencer immédiatement. Vous pouvez donc travailler directement dans votre propre feuille de style en y surchargeant au cas par cas les valeurs qui ne sont pas satisfaisantes.

Mais vous pouvez aussi modifier ces valeurs : cela permet d’essayer facilement différentes typographies. Pensez bien à vider les caches (navigateur et SPIP) à chaque modification, afin de recalculer les feuilles de style de cette base CSS.

Ces variables ne sont pas enregistrées en base : il faudra refaire la config à chaque migration. sont stockées en base.

Pour toute autre personnalisation, complétez en CSS, dans votre feuille de style. Pour finir, n’oubliez pas d’activer la compression des fichiers CSS.

Liste des variables

LabelVariable SPIPValeur par défaut
Police #GET{font-family} Verdana, Geneva, sans-serif
Taille #GET{font-size} 1em
Interligne #GET{line-height} 1.5em
Paragraphe #GET{margin-bottom} 1.5em
Alinéa #GET{text-indent} 50px
Couleur du texte #GET{color} #000000
Couleur du fond #GET{background-color} #FFFFFF

Il n’est pas possible de récupérer ces variables pour les ré-utiliser dans vos feuilles de styles — sauf à faire des « feuilles de style calculées » par SPIP, ce qui n’est pas recommandé.

Évolution prévisible

Ne prenez pas trop l’habitude de ce panneau de config, qui peut être amené à disparaître dans une prochaine version : il n’est sensé servir qu’en phase de développement, où il facilite les essais, pour affiner les choix, ce qui est très appréciable. Il ne devrait pas servir ensuite, sur un site en fonctionnement, où il n’est pas conseillé d’en modifier les valeurs : ce serait soit sans effet, soit contrariant.

Pour une meilleure interopérabilité, cette configuration devrait à terme être traitée en LESS.

Dernière modification de cette page le 1er juin 2011

Retour en haut de la page

Vos commentaires

  • Le 24 mai 2011 à 15:47, par ? En réponse à : Réglage de cette base CSS

    Bjr, je ne comprends pas trop l’idée d’un truc « configurable depuis l’espace privé » mais « où il n’est pas conseillé d’en modifier les valeurs » !!

    • Le 24 mai 2011 à 16:05, par tetue En réponse à : Réglage de cette base CSS

      Sur un site en ligne ! La phrase complète dit qu’il n’est pas conseillé d’en modifier les valeurs « sur un site en fonctionnement ». Après, vous faites bien ce que vous voulez ;)

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • ScolaSPIP 4

    19 janvier 2016 – 346 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Spipagram : Importer des images Instagram dans SPIP

    29 février 2016 – 10 commentaires

    Ce plugin permet d’importer des images Instagram comme articles SPIP dans la rubrique de votre choix avec le hashtag de votre choix. Installation Si vous n’avez pas déjà le dépôt externals dans votre SPIP, ajoutez le dépôt (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2446 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • ORR v2

    21 mai 2013 – 106 commentaires

    ORR, le plugin d’Organisation des Réservations et des Ressources passe en version 2, avec quelques nouveautés attendues. Je ne reprendrai pas les explications données dans la version 1. Les nouveautés : 1. Gestion des autorisations Le principe (...)

  • Visualiser un PDF dans un article

    13 juin – commentaires

    SoyezCréateurs utilise un modèle pour afficher un PDF dans le corps d’un article Un peu d’histoire Avant, les navigateurs n’incluaient pas de lecteur PDF nativement ce qui avait conduit à la création du plugin Lecteur pdf javascript pdf.js. Mais, (...)