SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 256 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

9 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.

Dernière modification de cette page le 27 août 2012

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

  • URLs pages personnalisées

    17 mars 2013 – 59 commentaires

    Ce petit plugin, au caractère un peu expérimental, est un outil pour les webmestres et les utilisateurs avancés. Il permet de mettre en place des urls personnalisées pour les squelettes ne correspondant à aucun objet éditorial : les pages. Il (...)

  • Plugin Duplicator

    3 janvier 2010 – 87 commentaires

    Duplication de rubrique et de ses contenus, et duplication d’articles pour SPIP Fonctionnement Ce plugin permet de dupliquer une rubrique et son contenu depuis l’espace privé en ajoutant un bouton dans la navigation de gauche dans l’espace privé (...)

  • Module de Paiement SIPS

    12 juin 2015 – commentaires

    SIPS est le prestataire de paiement historique, géré par Atos, encore utilisé par les banques HSBC (ElysNet), BNP (Mercanet), La Banque Postale (Scellius), Société Générale (Sogénactif), LCL (Sherlocks) et Crédit du Nord (Webaffaires). Il est en voie de (...)

  • Réservation d’événements

    16 mars 2015 – 232 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification (...)

  • Plugins Giseh

    26 novembre 2010 – 414 commentaires

    Les plugins correspondants aux fonctionnalités de Giseh, compatibles avec SPIP 3.0 (et SPIP 2.1), sont les suivants : le plugin « ciparam : Configurateur de squelettes » le plugin « cisquel : Squelettes de base avec 3 colonnes » le plugin «  (...)

Ça spipe par là