Choeur Nicolas de Grigny

Guide de personnalisation des champs markdown

Boutons

Série de boutons avec différents effets et de tailles variables. Utilisation possible avec la bibliothèques des icônes Google (classe : material-icons).

Boutons standard

Exemple

Code markdown

{{a.btn.grey href=#link}}

{{i.material-icons.left}}

cloud

{{end-i}}

Cliquer ici

{{end-a}}

Boutons ronds

Exemple

Code markdown

{{a.btn-floating.btn-large.red.waves-effect.waves-light href=#link}}

{{i.material-icons.left}}

add

{{end-i}}

Cliquer ici

{{end-a}}

Barre fixe de boutons

Barre fixe de boutons avec effets positionnée en bas à droite ->

Exemple

Code markdown

{{fdiv bottom=10% right=10%}}

{{a.btn-floating.btn-large.red href=#link0}}

{{i.material-icons}}

add

{{end-i}}

{{end-a}}

{{ul}}

{{li}}

{{a.btn-floating.green href=#link1}}

{{i.material-icons}}

publish

{{end-i}}

{{end-a}}

{{end-li}}

{{li}}

{{a.btn-floating.blue href=#link2}}

{{i.material-icons}}

edit

{{end-i}}

{{end-a}}

{{end-li}}

{{li}}

{{a.btn-floating.orange href=#link3}}

{{i.material-icons}}

insert_chart

{{end-i}}

{{end-a}}

{{end-li}}

{{end-ul}}

{{end-fdiv}}

Bouton discret

Exemple

Code markdown

{{a.waves-effect.waves-teal.btn-flat href=#link}}

Cliquer ici

{{end-a}}

Différentes tailles de boutons

Les différentes tailles sont : btn--small, btn--medium, btn--big, btn--very-big, btn--100 (100% de la largeur)

Exemple

Code markdown

{{a.btn.btn--100.grey href=#link}}

Cliquer ici

{{end-a}}

Informations

Réseaux sociaux

Powered by MIPISE