SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 397 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 ?
  • [Se connecter]

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

  • Plugin envoyer à un ami

    21 juin 2007 – 144 commentaires

    Envoyer l’article par mail à un ami

  • Court-circuit 2

    17 octobre 2011 – 57 commentaires

    Court-circuit 2 permet de rediriger certaines rubriques vers un article particulier. Vous pouvez configurer, dans l’espace privé, les règles de redirection à appliquer. Historique Court-circuit 2 est une évolution de Court-circuit 1, reprenant (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 787 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Partageur

    29 janvier 2011 – 46 commentaires

    Permet de recopier facilement des articles d’un site SPIP partageur à l’autre. Ce plugin est encore en version beta. Les retours et critiques sont les bienvenus ... Présentation Ce plugin est né d’un besoin de partager des articles entre sites (...)

  • Tutoriel : créer une carte interactive avec GIS4

    19 octobre 2013 – 26 commentaires

    Utilisation de quelques fonctions javascript pour créer des interactions avec une carte GIS. L’objet de ce tutoriel est de produire une carte interactive comme celle-ci Effacer tous les points d’une carte d’une carte La fonction javascript (...)