SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 261 visiteurs en ce moment

Accueil > Navigation > Varicelle > Palette de boutons

Palette de boutons

27 octobre 2016 – par tetue

7 votes

Avec ce plugin, dans sa dernière version, vous bénéficiez d’une vingtaine de styles prédéfinis, combinables, pour former des boutons de couleurs et de tailles différentes :

Tailles, couleurs et formes peuvent être combinées entres elles :

  • Sémantique (V2) :
    • primary (peu utilisable correctement dans SPIP)
    • secondary (sans effet = par défaut)
    • success
    • info
    • warning
    • danger
    • light : pour redonner l’apparence d’un lien
    • disabled : s’applique automatiquement aux boutons inactifs
  • Couleurs disponibles :
    • purple
    • pink
    • red
    • orange
    • yellow
    • green
    • blue
    • black
    • gray
    • white
    • metal : façon alu brossé
    • spip : aux couleurs de SPIP (violet et or)
  • Tailles disponibles :
    • small
    • big
    • super
  • Formes disponibles (V2) :
    • circle : uniquement sur boutons carrés
    • expand : pour étendre à toute la largeur disponible

Voyez la demo !

Un tableau des principaux styles de boutons est disponible dans votre site SPIP :
-  Affichez la page de démo : ?page=demo/varicelle
-  Ou insérez le modèle <varicelle|>, dans un article par exemple
-  Si vous utilisez ZPIP, affichez directement ?page=varicelle

Personnalisation CSS

Vous pouvez personnaliser l’apparence des boutons de cette palette, dans votre feuille de style, par surcharge CSS. Par exemple, pour définir la couleur par défaut de vos boutons, en particulier ceux des formulaires générés par SPIP, déclarez [*] :

Notez que, si vos squelettes en contiennent, les boutons d’administration du site public sont impactés par ce plugin, qui propose donc un habillage spécifique simplifié pour ceux-ci. Si besoin, surchargez le style de .spip-admin .btn [*].

Notes

[*Dans la V1 il fallait utiliser le sélecteur .submit (et non .btn introduit en V2), soit :

.submit { background-color: pink; }
.submit:hover { background-color: red; }

Dernière modification de cette page le 6 novembre 2016

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

  • bigfoot

    16 juin 2015 – 56 commentaires

    Un plugin qui facilite l’utilisation des notes de bas de page en les affichant dans des infobulles à l’aide d’un peu de javascript. Le constat de l’auteur du script : Les notes de bas de page sur le web sont une plaie. Tu dois d’abord essayer de (...)

  • SkelEditor 2.0

    1er mars 2010 – 74 commentaires

    La version remaniée et enrichie du plugin, pour SPIP 2.1, qui vous permet d’éditer votre squelette directement en ligne sans passer dans le FTP Ce plugin vous permet d’éditer les fichiers du squelette courant depuis l’interface privé. Cela peut (...)

  • CKeditor 3.0

    4 octobre 2009 – 1218 commentaires

    CKeditor est l’évolution de l’éditeur WYSIWYG : FCKeditor, avec ce plugin vous pourrez utiliser cet éditeur à la place de l’éditeur de spip tout en laissant le choix à vos auteurs de l’éditeur qu’ils préfèrent utiliser. Attention : cet éditeur WYSIWYG (...)

  • GIS 4

    11 août 2012 – 1344 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Menu animé déroulant

    16 août 2015 – 43 commentaires

    Barre de menu dynamique multi niveaux - adaptation aisée (?) des couleurs et dimensions - convient aussi aux petits écrans (mobiles).