Template:Hr with image: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 16:43, April 2, 2025

Creates a stylized scene or section break using glowing lines and a centered symbol or image, fully customizable including line size.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Image	`image`	Replaces the ✦ with an image (provide filename)	File	suggested
Image size	`imagesize`	no description Default 30px	String	optional
Glow	`glow`	If the lines should glow Default false	Boolean	optional
Color	`color`	no description Default var(--color-amaranth-legacy-scope)	String	optional
Glow color	`glowcolor`	no description Default var(--color-amaranth-legacy-scope)	String	optional
Line height	`linesize`	no description Default 1px	String	optional

Examples

✦

@@ Line 1: / Line 1: @@
+<includeonly><templatestyles src="Hr with image/styles.css"/>{{yesno|{{yesno-yes|{{{glow}}}}}|yes=<templatestyles src="Hr with image/styles-glowing.css"/>}}<div class="hr-with-image" style="{{#if: {{{color|}}}|--template-arg-color:{{{color}}};}}{{#if: {{{glowcolor|}}}|--template-arg-glowcolor:{{{glowcolor}}};}}{{#if: {{{linesize|}}}|--template-arg-linesize:{{{linesize}}};}}">{{#if: {{{image|}}}|[[File:{{{image}}}|{{{imagesize|30px}}}|link=]]|✦}}</div></includeonly><noinclude>
-<includeonly>
-<div class="scene-break" style="
-  text-align:{{{align|center}}};
-  color:{{{color|#ffffff}}};
-  font-family:var(--font-family-header-custom), serif;
-  font-size: 1.4em;
-  margin: 1em auto;
-  {{#ifeq: {{{glow|yes}}} | yes | text-shadow: 0 0 6px {{{glowcolor|white}}}, 0 0 10px {{{glowcolor|#ccc}}}; | text-shadow: none;}}
-">
-  {{#if: {{{image|}}}
-    | [[File:{{{image}}}|{{{imagesize|100px}}}|center]]
-    | ⸻⸻⸻⸻ ✦ ⸻⸻⸻⸻
-  }}
-</div>
-</includeonly>
-<noinclude>
 <templatedata>
 {
-  "params": {
+	"params": {
-    "color": {
+		"image": {
-      "label": "Text Color",
+			"label": "Image",
-      "type": "string",
+			"type": "wiki-file-name",
+			"description": "Replaces the ✦ with an image (provide filename)",
-      "default": "#ffffff"
+			"suggested": true
-    },
+		},
-    "glow": {
+		"imagesize": {
-      "label": "Glow Effect",
-      "type": "string",
+			"label": "Image size",
-      "default": "yes",
+			"type": "string",
+			"default": "30px"
-      "description": "Use glow? (yes/no)"
-    },
+		},
-    "glowcolor": {
+		"glow": {
-      "label": "Glow Color",
+			"label": "Glow",
-      "type": "string",
+			"type": "boolean",
+			"description": "If the lines should glow",
-      "default": "#ccc",
+			"default": "false"
-      "description": "Color of glow (if enabled)"
-    },
+		},
-    "align": {
+		"color": {
-      "label": "Text Alignment",
+			"label": "Color",
-      "type": "string",
+			"type": "string",
-      "default": "center",
+			"default": "var(--color-amaranth-legacy-scope)"
+		},
-      "description": "left, center, or right"
+		"glowcolor": {
-    },
+			"label": "Glow color",
-    "image": {
-      "label": "Image Filename",
+			"type": "string",
+			"default": "var(--color-amaranth-legacy-scope)"
-      "type": "string",
+		},
-      "description": "Optional: show an image instead of the divider"
+		"linesize": {
-    },
+			"label": "Line height",
-    "imagesize": {
-      "label": "Image Size",
+			"type": "string",
-      "type": "string",
+			"default": "1px"
+		}
-      "default": "100px",
+	},
-      "description": "Size of the image if used"
+	"description": "Creates a stylized scene or section break using glowing lines and a centered symbol or image, fully customizable including line size.",
-    }
+	"format": "inline"
-  },
-  "description": "Inserts a centered scene break with customizable glow, color, alignment, and optional image replacement.",
-  "format": "inline"
 }
 </templatedata>
+==Examples==
+{{Hr with image|image=(Imagindarium) - Amaranth Scene Break.png|glow=yes}}
+{{Hr with image|color=#aaaaaa}}
+{{Hr with image|glow=yes|glowcolor=red}}
+{{Hr with image|linesize=10px}}
 </noinclude>