Template:Hr with image: Difference between revisions

Content deleted Content added

Inline

Revision as of 15:07, April 2, 2025

A stylized section or scene break with glowing lines and a centered ✦ or image.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Line and Symbol Color	`color`	no description Default #df0049	String	optional
Glow Effect	`glow`	yes or no Default yes	String	optional
Glow Color	`glowcolor`	no description Default #df0049	String	optional
Text Alignment	`align`	left, center, or right Default center	String	optional
Image File	`image`	Optional image to use instead of ✦	String	optional
Image Size	`imagesize`	no description Default 30px	String	optional

Template:Section/Scene Break

@@ Line 1: / Line 1: @@
 <includeonly>
+<span style="display: block; text-align:{{{align|center}}}; font-size: 1.4em; color: {{{color|#df0049}}}; {{#ifeq:{{{glow|yes}}}|yes|text-shadow: 0 0 6px {{{glowcolor|#df0049}}}, 0 0 12px {{{glowcolor|#df0049}}}; | text-shadow: none;}}">
-<div style="
+⸻⸻⸻⸻
-  display: flex;
+{{#if: {{{image|}}}
-  align-items: center;
+ | [[File:{{{image}}}|{{{imagesize|30px}}}|middle|link=]]
-  justify-content: {{{align|center}}};
+ | ✦
-  gap: 1em;
+}}
-  margin: 1.5em 0;
+⸻⸻⸻⸻
-  font-family: var(--font-family-header-custom), serif;
+</span>
-  font-size: 1.4em;
-  color: {{{color|#ffffff}}};
-  {{#ifeq: {{{glow|yes}}} | yes | text-shadow: 0 0 6px {{{glowcolor|white}}}, 0 0 10px {{{glowcolor|#ccc}}}; | text-shadow: none;}}
-">
-  <span style="flex-grow: 1; border-top: 2px solid {{{color|#ffffff}}}; opacity: 0.7;"></span>
-  <span>
-    {{#if: {{{image|}}}
-      | [[File:{{{image}}}|{{{imagesize|32px}}}|baseline]]
-      | ✦
-    }}
-  </span>
-  <span style="flex-grow: 1; border-top: 2px solid {{{color|#ffffff}}}; opacity: 0.7;"></span>
-</div>
 </includeonly>
@@ Line 27: / Line 15: @@
   "params": {
     "color": {
-      "label": "Line and Text Color",
+      "label": "Line and Symbol Color",
       "type": "string",
-      "default": "#ffffff"
+      "default": "#df0049"
     },
     "glow": {
@@ Line 35: / Line 23: @@
       "type": "string",
       "default": "yes",
-      "description": "yes or no for glowing lines and center text"
+      "description": "yes or no"
     },
     "glowcolor": {
       "label": "Glow Color",
       "type": "string",
-      "default": "#ccc"
+      "default": "#df0049"
     },
     "align": {
-      "label": "Alignment",
+      "label": "Text Alignment",
       "type": "string",
       "default": "center",
@@ Line 49: / Line 37: @@
     },
     "image": {
-      "label": "Center Image",
+      "label": "Image File",
       "type": "string",
-      "description": "Image to use instead of ✦ (no formatting needed)"
+      "description": "Optional image to use instead of ✦"
     },
     "imagesize": {
       "label": "Image Size",
       "type": "string",
-      "default": "32px",
+      "default": "30px"
-      "description": "Size of the image (e.g., 24px, 40px)"
     }
   },
-  "description": "A centered scene or section break with lines and an optional image in the center.",
+  "description": "A stylized section or scene break with glowing lines and a centered ✦ or image.",
   "format": "inline"
 }
 </templatedata>
-{{Sequence/Scene Break|image=Amaranth.png}}
+{{Section/Scene Break
+ | color=#00ffff
+ | glowcolor=#00ffff
+ | image=(Imagindarium) - Amaranth Scene Break.png
+}}
 </noinclude>