Guide de personnalisation des champs markdown
Boîtes pré-formattées
Boîtes pré-formattées pour affichage de textes ou images
Boîte simple
Exemple
Titre
Cette boîte est adaptée pour contenir un texte court.Code markdown
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey.darken-1}}
{{div.card-content.white-text}}
{{div.card-title}}
Titre
{{end}}
Cette boîte est adaptée pour contenir un texte court.
{{end-div}}
{{end-div}}
{{end-grid}}
{{end-grid}}
Boîte simple avec liens
Exemple
Titre
Cette boîte est adaptée pour contenir un texte court et déclencher des actions.Code markdown
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey.darken-1}}
{{div.card-content.white-text}}
{{div.card-title}}
Titre
{{end}}
Cette boîte est adaptée pour contenir un texte court et déclencher des actions.
{{end}}
{{div.card-action}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{end-div}}
{{end-div}}
{{end-grid}}
{{end-grid}}
Boîte image
Exemple
Code markdown
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey}}
{{div.card-content.white-text}}
{{div.card-image}}
{{end}}
Cette boîte est adaptée pour contenir une image.
{{end}}
{{div.card-action}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{end-div}}
{{end-div}}
{{end-grid}}
{{end-grid}}
Boîte image avec effet
Exemple
Cliquer sur l'image.
closeCliquer à nouveau
Ceci vous permet par exemple d'afficher un texte long en alternance avec l'affichage d'une image.Code markdown
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey}}
{{div.card-image.waves-effect.waves-block.waves-light}}
{{end}}
{{div.card-content}}
{{div.card-title.white-text.activator}}
Cliquer sur l'image.
{{end}}
{{end}}
{{div.card-reveal.black-text}}
{{div.card-title.black-text}}
{{i.material-icons.right}}
close
{{end-i}}
Cliquer à nouveau
{{end}}
Ceci vous permet par exemple d'afficher un texte long en alternance avec l'affichage d'une image.
{{end}}
{{end-div}}
{{end-grid}}
{{end-grid}}
Variation des tailles de boîtes
Trois tailles de boîtes sont possibles : small (hauteur 300px), medium (hauteur 400px), large (hauteur 500px)
Exemple
Code markdown
{{grid}}
{{grid-item:one-half}}
{{div.card.blue-grey.small}}
{{div.card-image}}
{{end}}
{{div.card-content.white-text}}
Boîte de petite taille.
{{end}}
{{div.card-action}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{a href=#link1}}
Lien cliquable
{{end-a}}
{{end-div}}
{{end-div}}
{{end-grid}}
{{end-grid}}