Varicelle 2

Aussitôt activé, ce plugin transforme en bouton tout ce qui porte le sélecteur CSS .btn, y compris les boutons des formulaires générés par SPIP.

Cette deuxième version apporte la possibilité d’ajouter des boutons au sein des articles SPIP, ainsi que quelques nouveaux styles (boutons système, disabled, etc.) et les modernise un peu (moins gras, meilleurs contrastes).

Attention : cette version apporte un changement de sélecteur CSS, parce que tous les boutons ne sont pas des « submit ». Après l’installation, commencez donc par remplacer toutes les occurrences de .submit par .btn dans vos feuilles de style ainsi que class="submit par class="btn dans vos squelettes.

Palette de boutons

Cette version apporte de nouveaux styles, sémantiques et formels. Vous bénéficiez désormais d’une vingtaine de styles prédéfinis, combinables, pour former des boutons de couleurs et de tailles différentes. Voir : Palette de boutons.

Insérez des boutons dans vos articles !

Avec cette deuxième version du plugin, il est possible d’insérer des boutons directement au sein des articles SPIP avec le raccourcis <btn … > qui accepte plusieurs arguments. Voir : Des boutons dans vos textes.

Utilisation dans les squelettes

Pour ajouter des boutons dans vos squelettes, c’est très simple : il suffit d’ajouter le sélecteur .btn sur vos boutons ou vos liens, pour les métamorphoser en jolis boutons. Voir : Des boutons dans vos squelettes.

Discussion

3 discussions

  • Bonsoir,

    Dans le corps de texte d’un article, je n’ai aucune difficultés à créé des bouton de type varicelle en suivant la syntaxe indiqué dans l’article “Des boutons dans vos textes”.

    Par contre, est-il possible, en CSS, de transformer automatiquement en bouton type varicelle certains type de lien?

    Dans mon cas ce serait le cas des ancres nommées qui dans une feuille CSS d’un site spip sont désignés par

    a.spip_ancre { ... }

    en rapport avec le html <a href="#monAncre" class="spip_ancre">le texte du lien vers mon ancre nommée</a>

    Merci d’avance,

    Cordialement,

    Hervé

    Reply to this message

  • Thierry G.

    Bonjour,

    Y a-t-il une astuce pour permettre au lien de s’ouvrir dans un nouvel onglet (lien pointant vers un site externe) ?
    NB : mes autres liens externes (sans bouton) s’ouvrent bien dans un nouvel onglet.

    Merci !

    TG

    Reply to this message

  • 1

    Bonjour et merci pour ce plugin... Y a-t-il un retour pour l’utilisation de ce plugin sous spip 4.2 ? Quelqu’un a-t-il déjà essayé en modifiant les bornes de version ?

    • Thierry G.

      Bonjour,

      J’utilise ce plugin sans problèmes apparents avec SPIP 4.2 !

      Bonne journée !

      TG

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom