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.

Dernière modification de cette page le 3 mai 2019

Discussion

Aucune discussion

Ajouter un commentaire

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom