Des boutons dans vos textes

Mon premier bouton

Depuis la deuxième version du plugin Varicelle, il est possible d’insérer des boutons directement au sein des articles SPIP. Essayez par exemple :

<btn
|text=Mon premier bouton !
|url=http://www.spip.net
>

La classe !

Pour modifier l’apparence de vos boutons, ajoutez l’argument |class=… en combinant les class disponibles dans Palette de boutons.

Par exemple, pour leur donner du sens :

<btn
|text=Cliquez ici !
|url=http://…
|class=success
> <btn
|text=OK
|url=http://…
|class=info
> <btn
|text=Me connecter
|url=http://…
|class=warning
> <btn
|text=Annuler
|url=http://…
|class=danger
>

Syntaxe d’insertion

La syntaxe d’insertion complète est la suivante :

<btn
|align
|text=toto
|url=http://…
|class=couleur taille
>

Par exemple :

<btn
|right
|text=Mon super bouton
|url=http://www.spip.net
|class=pink big expand
>

Alignements

L’alignement est facultatif et peu utile pour des boutons.
-  Pour centrer : <center><btn|…></center>.
-  Pour étendre le bouton à toute la largeur disponible, ajoutez la class « expand ».
-  Ce n’est pas très joli, mais on peut aussi aligner avec |left ou |right.


NB: en l’absence d’arguments, le modèle vierge, <btn|>, crée simplement un lien vers la doc de ce plugin.

updated on 3 May 2019

Discussion

Aucune discussion

Comment on this article

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