Template:Category iconbox: Difference between revisions

Content added Content deleted

Inline

Latest revision as of 15:59, 1 August 2023

[[|]]

Used for creating small category icon.(50px) It support larger image. 1) put this CSS at the top of page <templatestyles src="https://wiki.veloren.net/wiki/User:Ajima/MyStyle.css" /> 2) Use <div class="flex-container"> to wrap all icons

Template parameters[Edit template data]
Parameter		Description	Type	Status
Name of the Category or Section in title case for the image	`imagename`	It will generate a image link : Veloren_CATEGORY_Category_Icon.png Example Head => Veloren_Head_Category_Icon.png	Page name	suggested
Width of the image	`width`	no description Auto value `50`	Number	optional
Height of the image	`height`	no description Auto value `50`	Number	optional
Link to the page in title case	`pagelink`	no description	Page name	suggested
The text you want to display	`pagetext`	no description	Unknown	suggested

@@ Line 1: / Line 1: @@
+<onlyinclude>
-<onlyinclude><p class="cardbox-image" style="margin:0;">[[File:{{{title|}}}_fp.png|300px|link={{{title|}}}]]</p><h2 class="cardbox-title plainlinks" style="text-align:right; border-radius: 0 0 10px 10px; margin:0;">[[{{{title|}}}]]</h2>}}
+<diV class="iconbox">
-</div></onlyinclude>
+<p class="cardbox-image" style="margin:0; display:flex; justify-content:center">[[File:Veloren_{{{imagename|}}}_Category_Icon.png|{{#ifexpr: {{{width|}}}|{{{width|}}}x{{{height|}}}px|50x50px}}|link={{{pagelink|}}}]]</p>
+<div>
+<p class="iconbox-title" style="text-align:center; border-radius: 0 0 10px 10px; margin-top:0; margin-bottom:0;">[[{{{pagelink|}}}|{{{pagetext|}}}]]</p>
+</div></div></onlyinclude>
 <noinclude>
 [[Category:Templates]]
+<templatedata>
-</noinclude>
+{
+	"params": {
+		"pagelink": {
+			"label": "Link to the page in title case",
+			"type": "wiki-page-name",
+			"suggested": true
+		},
+		"pagetext": {
+			"label": "The text you want to display",
+			"suggested": true
+		},
+		"imagename": {
+			"label": "Name of the Category or Section in title case for the image",
+			"description": "It will generate a image link : Veloren_CATEGORY_Category_Icon.png",
+			"example": "Head => Veloren_Head_Category_Icon.png",
+			"type": "wiki-page-name",
+			"suggested": true
+		},
+		"width": {
+			"label": "Width of the image",
+			"type": "number",
+			"autovalue": "50"
+		},
+		"height": {
+			"label": "Height of the image",
+			"type": "number",
+			"autovalue": "50"
+		}
+	},
+	"description": "Used for creating small category icon.(50px) It support larger image. 1) put this CSS at the top of page <templatestyles src=\"https://wiki.veloren.net/wiki/User:Ajima/MyStyle.css\" />  2) Use <div class=\"flex-container\"> to wrap all icons",
+	"paramOrder": [
+		"imagename",
+		"width",
+		"height",
+		"pagelink",
+		"pagetext"
+	]
+}
+</templatedata></noinclude>