SPIP-Contrib

SPIP-Contrib

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

274 Plugins, 192 contribs sur SPIP-Zone, 105 visiteurs en ce moment

Accueil > Squelettes > Outils pour squelettes > Base CSS pour SPIP > Styles disponibles avec cette base CSS

Styles disponibles avec cette base CSS

21 avril 2011 – par tetue

7 votes

Cette base CSS pour SPIP met à disposition plusieurs sélecteurs CSS prédéfinis, prêts à être employés tels quels dans vos pages HTML.

Attention : cette page est mise à jour au fur et à mesure du développement !

Alignements

-  .p : applique la même marge basse que celle des paragraphes par défaut
-  .bloc : idem
-  .box : idem + habillage minimal de la boîte (padding et couleur de fond)

-  .left : place le conteneur en position flottante à gauche
-  .right : place le conteneur en position flottante à droite

-  .first : annule la marge gauche du conteneur
-  .last : annule la marge droite du conteneur
-  .top : annule la marge haute du conteneur
-  .bottom : annule la marge basse du conteneur

-  .odd (impair)
-  .even (pair)
-  .sep (séparateur)

-  .clear : espaceur de bloc (cf. explications)
-  .clearfix : espaceur de bloc (cf. explications)

-  .none : efface (via display: none;)
-  .hidden : masque (via visibility: hidden;)
-  .offscreen : place hors-champ (via position: absolute;)

Typographie

-  .small : change en plus petit la taille du texte (comme <small>)
-  .big : change en plus gros la taille du texte (comme <big>)
-  .caps : transforme le texte avec des petites capitales
-  .h1,.h2,.h3,.h4,.h5,.h6 : applique le même style que celui par défaut du titre homonyme (à employer avec discernement !)
-  .center : centre le texte

Hyperliens

-  .on : expose en gras (cf. fonctionnement)

Messages système

-  .info : définit un encart pour message informatif (bleu)
-  .success : définit un encart pour message de confirmation positif (vert)
-  .notice : définit un encart pour message d’alerte (jaune)
-  .error : définit un encart pour message d’erreur (rouge)

Développement

-  .todo : rend le conteneur translucide et opaque au survol. Utile pour signaler, en cours de développement, les blocs restant à faire.

P.-S.

Pour celles et ceux qui connaissent, cette base CSS est proche d’un framework tel que BluePrint. Pour plus de détail, consultez le code des feuilles de style CSS générées après installation du plugin.

Retour en haut de la page

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

  • Calendrier Mini 2.0

    19 mai – commentaires

    Ce plugin ajoute la balise #CALENDRIER_MINI qui insère un petit widget de navigation par mois dans les dates des évènements. Fonctionnement du mini calendrier Le mini calendrier présente un mois à la fois. Les jours du mois comportant des (...)

  • SPIP Zen Garden

    12 novembre 2009 – 135 commentaires

    Le plugin Zen Garden, ou Jardin Zen, vous permet de gérer une galerie de thèmes pour votre site, et de changer très facilement de thèmes parmi les thèmes disponibles. Pré-requis Le jardin Zen nécessite d’utiliser un squelette comme le squelette Zpip (...)

  • Le Couteau Suisse

    4 mai 2007 – 1363 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : le contrôle de nombreuses variables « cachées » de SPIP, des améliorations ou facilités typographiques, (...)

  • Pagination_simple

    5 août 2009 – commentaires

    Un modèle de pagination ultra simple pour vos éléments SPIP.

  • Plugin GMap : géolocalisation et cartographie paramétrable

    16 octobre 2011 – 56 commentaires

    À quoi sert ce plugin ? Compatibilité et installation Configuration Géolocalisation Cartographie Boucles, balises et modèles Extensions et personnalisations [introhttp://www.spip-contrib.net/Mediatheque] pour avoir accès à l’interface de (...)