Template:Fading Text Effect: Difference between revisions

Content deleted Content added

Inline

Revision as of 08:30, March 30, 2025

Displays fading text repeated several times with customizable glow, alignment, font, and spacing.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Text	`text`	no description Default Insert Text Here	String	optional
Color	`color`	no description Default #ffffff	String	optional
Font	`font`	no description Default serif	String	optional
Text Alignment	`align`	no description Default center	String	optional
Glow	`glow`	no description Default yes	String	optional
Glow Color	`glowcolor`	no description Default #ccc	String	optional
Font Size	`fontsize`	no description Default 1.5em	String	optional
Line Spacing	`spacing`	no description Default 5px	String	optional
Number of Lines	`lines`	no description Default 4	String	optional

Examples

I should be in the center (also I should be glowing) I should be in the center (also I should be glowing) I should be in the center (also I should be glowing) I should be in the center (also I should be glowing)

I should be on the left (I also shouldn't be glowing) I should be on the left (I also shouldn't be glowing) I should be on the left (I also shouldn't be glowing) I should be on the left (I also shouldn't be glowing)

I should be on the right (also I should be glowing) I should be on the right (also I should be glowing) I should be on the right (also I should be glowing) I should be on the right (also I should be glowing)

@@ Line 2: / Line 2: @@
 <div style="text-align:{{{align|center}}}; font-family:{{{font|var(--font-family-serif)}}}; color:{{{color|#ffffff}}};">
 {{#ifexpr: {{{lines|4}}} >= 1 |
-<span style="display:block; margin-bottom:{{{spacing|5px}}}; opacity:1; {{#ifeq:{{{glow|yes}}}|yes|text-shadow:0 0 8px white, 0 0 12px #ccc;|text-shadow:none;}}">{{{text|Insert Text Here}}}</span>
+<span style="display:block; font-size:{{{fontsize|1.5em}}}; margin-bottom:{{{spacing|5px}}}; opacity:1; {{#ifeq:{{{glow|yes}}}|yes|text-shadow:0 0 8px {{{glowcolor|white}}}, 0 0 12px {{{glowcolor|#ccc}}};|text-shadow:none;}}">{{{text|Insert Text Here}}}</span>
 }}
 {{#ifexpr: {{{lines|4}}} >= 2 |
-<span style="display:block; margin-bottom:{{{spacing|5px}}}; opacity:0.6; {{#ifeq:{{{glow|yes}}}|yes|text-shadow:0 0 6px white, 0 0 10px #aaa;|text-shadow:none;}}">{{{text|Insert Text Here}}}</span>
+<span style="display:block; font-size:{{{fontsize|1.5em}}}; margin-bottom:{{{spacing|5px}}}; opacity:0.6; {{#ifeq:{{{glow|yes}}}|yes|text-shadow:0 0 6px {{{glowcolor|white}}}, 0 0 10px {{{glowcolor|#aaa}}};|text-shadow:none;}}">{{{text|Insert Text Here}}}</span>
 }}
 {{#ifexpr: {{{lines|4}}} >= 3 |
-<span style="display:block; margin-bottom:{{{spacing|5px}}}; opacity:0.3; {{#ifeq:{{{glow|yes}}}|yes|text-shadow:0 0 4px white, 0 0 6px #888;|text-shadow:none;}}">{{{text|Insert Text Here}}}</span>
+<span style="display:block; font-size:{{{fontsize|1.5em}}}; margin-bottom:{{{spacing|5px}}}; opacity:0.3; {{#ifeq:{{{glow|yes}}}|yes|text-shadow:0 0 4px {{{glowcolor|white}}}, 0 0 6px {{{glowcolor|#888}}};|text-shadow:none;}}">{{{text|Insert Text Here}}}</span>
 }}
 {{#ifexpr: {{{lines|4}}} >= 4 |
-<span style="display:block; margin-bottom:{{{spacing|5px}}}; opacity:0.1; {{#ifeq:{{{glow|yes}}}|yes|text-shadow:0 0 2px white, 0 0 4px #666;|text-shadow:none;}}">{{{text|Insert Text Here}}}</span>
+<span style="display:block; font-size:{{{fontsize|1.5em}}}; margin-bottom:{{{spacing|5px}}}; opacity:0.1; {{#ifeq:{{{glow|yes}}}|yes|text-shadow:0 0 2px {{{glowcolor|white}}}, 0 0 4px {{{glowcolor|#666}}};|text-shadow:none;}}">{{{text|Insert Text Here}}}</span>
 }}
 </div>
 </includeonly>
 <noinclude>
 <templatedata>
@@ Line 43: / Line 44: @@
       "type": "string",
       "default": "yes"
+    },
+    "glowcolor": {
+      "label": "Glow Color",
+      "type": "string",
+      "default": "#ccc"
+    },
+    "fontsize": {
+      "label": "Font Size",
+      "type": "string",
+      "default": "1.5em"
     },
     "spacing": {
@@ Line 48: / Line 59: @@
       "type": "string",
       "default": "5px"
+    },
+    "lines": {
+      "label": "Number of Lines",
+      "type": "string",
+      "default": "4"
     }
   },
-  "description": "Displays fading text repeated several times with optional glow, alignment, spacing and font control.",
+  "description": "Displays fading text repeated several times with customizable glow, alignment, font, and spacing.",
   "format": "inline"
 }