« Modèle:BoxLink » : différence entre les versions

Dernière version du 23 avril 2025 à 13:42

[[{{{link}}}| {{{text}}}]]

Données du modèle

Affichage de liens dans des boîtes de texte (icône et couleurs paramétrables)

Paramètres du modèle[Modifier les données du modèle]
Paramètre		Description	Type	État
Couleur de l'arrière plan	`bgcolor`	Couleur de l'arrière-plan du bouton de lien (hex, variable) Exemple darkred	Ligne de texte	facultatif
Texte du lien	`text`	Texte du lien à afficher Exemple accueil	Ligne de texte	facultatif
Couleur principale	`color`	Couleur du bouton de lien et du texte (hex, variable) Exemple white	Ligne de texte	facultatif
Icône	`icon`	Nom de l'icône FontAwesome à utiliser Exemple home	Ligne de texte	facultatif
Famille d'icône	`iconfamily`	Nom de la famille d'icônes FontAwesome à utiliser Exemple Brands	Ligne de texte	facultatif
Lien	`link`	Lien à afficher Exemple accueil	Ligne de texte	obligatoire

Exemples d'utilisation

{{BoxLink|link = Accueil|text = Accueil|icon = compass}}

Accueil

{{BoxLink|link = Accueil|text = Accueil|icon = compass |iconfamily = Regular}}

Accueil

{{BoxLink|link = Accueil|text = Accueil}}

Accueil

@@ Ligne 1 : / Ligne 1 : @@
-<span style = "background-color: {{{bgcolor|var( --background-color-button-quiet--active )}}}; border-radius: .4em .4em .4em .4em; margin: 1em 1em 1em 1em; padding: .4em .4em .4em .4em">[[{{{link}}}|<span style="color:  {{{color|var( --color-emphasized )}}};">{{FontIcon|{{{icon}}}}}{{#if: {{{icon|}}}|&ensp;|&nbsp;}}{{{text}}}</span>]]&nbsp;</span></span><noinclude>
+<span style = "background-color: {{{bgcolor|var( --background-color-button-quiet--active )}}}; border-radius: .4em .4em .4em .4em; margin: 1em 1em 1em 1em; padding: .4em .4em .4em .4em">[[{{{link}}}|<span style="color:  {{{color|var( --color-emphasized )}}};">{{FontIcon|{{{icon}}}|family = {{{iconfamily}}}}}{{#if: {{{icon|}}}|&ensp;|&nbsp;}}{{{text}}}</span>]]&nbsp;</span></span><noinclude>
 == Données du modèle ==
 <templatedata>
@@ Ligne 18 : / Ligne 18 : @@
 		},
 		"color": {
-			"label": "Couleur de l'arrière plan",
+			"label": "Couleur principale",
 			"type": "line",
-			"description": "Couleur de l'arrière-plan du bouton de lien (hex, variable)",
+			"description": "Couleur du bouton de lien et du texte (hex, variable)",
 			"example": "white"
 		},
@@ Ligne 28 : / Ligne 28 : @@
 			"description": "Nom de l'icône FontAwesome à utiliser",
 			"example": "home"
+		},
+		"iconfamily": {
+			"label": "Famille d'icône",
+			"type": "line",
+			"description": "Nom de la famille d'icônes FontAwesome à utiliser",
+			"example": "Brands"
 		},
 		"link": {
@@ Ligne 41 : / Ligne 47 : @@
 == Exemples d'utilisation ==
-<code><nowiki>{{BoxLink|link = Accueil|text = Accueil|icon = home}}</nowiki></code>
+<code><nowiki>{{BoxLink|link = Accueil|text = Accueil|icon = compass}}</nowiki></code>
+{{BoxLink|link = Accueil|text = Accueil|icon = compass}}
+<code><nowiki>{{BoxLink|link = Accueil|text = Accueil|icon = compass |iconfamily = Regular}}</nowiki></code>
-{{BoxLink|link = Accueil|text = Accueil|icon = home}}
+{{BoxLink|link = Accueil|text = Accueil|icon = compass |iconfamily = Regular}}
 <code><nowiki>{{BoxLink|link = Accueil|text = Accueil}}</nowiki></code>