Template:Hr with image: Difference between revisions

Content deleted Content added

Inline

Revision as of 14:50, April 2, 2025

A centered scene or section break with lines and an optional image in the center.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Line and Text Color	`color`	no description Default #ffffff	String	optional
Glow Effect	`glow`	yes or no for glowing lines and center text Default yes	String	optional
Glow Color	`glowcolor`	no description Default #ccc	String	optional
Alignment	`align`	left, center, or right Default center	String	optional
Center Image	`image`	Image to use instead of ✦ (no formatting needed)	String	optional
Image Size	`imagesize`	Size of the image (e.g., 24px, 40px) Default 32px	String	optional

@@ Line 1: / Line 1: @@
 <includeonly>
-<div class="scene-break" style="
+<div style="
+  display: flex;
-  text-align:{{{align|center}}};
+  align-items: center;
-  color:{{{color|#ffffff}}};
+  justify-content: {{{align|center}}};
-  font-family:var(--font-family-header-custom), serif;
+  gap: 1em;
+  margin: 1.5em 0;
+  font-family: var(--font-family-header-custom), serif;
   font-size: 1.4em;
+  color: {{{color|#ffffff}}};
-  margin: 1em auto;
   {{#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]]
+    {{#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 22: / Line 27: @@
   "params": {
     "color": {
-      "label": "Text Color",
+      "label": "Line and Text Color",
       "type": "string",
       "default": "#ffffff"
@@ Line 30: / Line 35: @@
       "type": "string",
       "default": "yes",
-      "description": "Enable glow around text (yes/no)"
+      "description": "yes or no for glowing lines and center text"
     },
     "glowcolor": {
       "label": "Glow Color",
       "type": "string",
-      "default": "#ccc",
+      "default": "#ccc"
-      "description": "Color of the glow (if enabled)"
     },
     "align": {
-      "label": "Text Alignment",
+      "label": "Alignment",
       "type": "string",
       "default": "center",
@@ Line 45: / Line 49: @@
     },
     "image": {
-      "label": "Image Name",
+      "label": "Center Image",
       "type": "string",
-      "description": "Image to appear in place of the ✦"
+      "description": "Image to use instead of ✦ (no formatting needed)"
     },
     "imagesize": {
@@ Line 53: / Line 57: @@
       "type": "string",
       "default": "32px",
-      "description": "Size of image if one is used"
+      "description": "Size of the image (e.g., 24px, 40px)"
     }
   },
-  "description": "A stylish line-based scene break with optional image replacing the center star.",
+  "description": "A centered scene or section break with lines and an optional image in the center.",
   "format": "inline"
 }