Template:Fading Text Effect: Difference between revisions

Content deleted Content added

Inline

Revision as of 07:47, March 30, 2025

Displays fading text repeated a chosen number of times with customizable glow, spacing, and style.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Text	`text`	The line of text to display fading multiple times Default Insert Text Here	String	optional
Text Color	`color`	Text color (applies to the first line) Default #ffffff	String	optional
Font Family	`font`	Font to use (e.g., Cinzel, Georgia, etc.) Default 'Cinzel', serif	String	optional
Text Alignment	`align`	Text alignment: left, center, or right Default center	String	optional
Glow Effect	`glow`	Set to 'yes' or 'no' to enable/disable glowing text shadow Default yes	String	optional
Number of Fading Lines	`lines`	How many faded versions of the text to show (max 10) Default 4	Number	optional
Spacing Between Lines	`spacing`	Vertical margin between each text instance (e.g., 10px or 1rem) Default 5px	String	optional

@@ Line 1: / Line 1: @@
 <includeonly><div style="text-align:{{{align|center}}}; font-family:{{{font|var(--font-family-serif)}}}; color:{{{color|#ffffff}}};">
+{{#vardefine:opacity|1.0}}
-<span style="font-size: 1.5em; text-shadow: 0 0 8px white, 0 0 12px #ccc;">{{{text|The End Begins}}}</span><br />
+{{#vardefine:i|1}}
-<span style="opacity: 0.6; text-shadow: 0 0 6px white, 0 0 10px #aaa;">{{{text|The End Begins}}}</span><br />
+{{#while:
-<span style="opacity: 0.3; text-shadow: 0 0 4px white, 0 0 6px #888;">{{{text|The End Begins}}}</span><br />
+ | {{#ifexpr: {{#var:i}} <= {{#expr: {{{lines|4}}} }} | true | false }}
-<span style="opacity: 0.1; text-shadow: 0 0 2px white, 0 0 4px #666;">{{{text|The End Begins}}}</span>
+ | <span style="
-</div></includeonly><noinclude>
+     display: block;
+     margin-bottom: {{{spacing|5px}}};
+     opacity: {{#expr: {{#var:opacity}} round 2}};
+     {{#ifeq: {{{glow|yes}}} | yes
+       | text-shadow: 0 0 {{#expr: 8 - ({{#var:i}} * 2)}}px white, 0 0 {{#expr: 12 - ({{#var:i}} * 2)}}px #ccc;
+       | text-shadow: none;
+     }}
+   ">{{{text|Insert Text Here}}}</span>
+   {{#vardefine:opacity|{{#expr: {{#var:opacity}} - (1/{{{lines|4}}}) }} }}
+   {{#vardefine:i|{{#expr: {{#var:i}} + 1}} }}
+}}
+</div></includeonly>
+<noinclude>
 <templatedata>
 {
@@ Line 31: / Line 45: @@
       "description": "Text alignment: left, center, or right",
       "default": "center"
+    },
+    "glow": {
+      "label": "Glow Effect",
+      "type": "string",
+      "description": "Set to 'yes' or 'no' to enable/disable glowing text shadow",
+      "default": "yes"
+    },
+    "lines": {
+      "label": "Number of Fading Lines",
+      "type": "number",
+      "description": "How many faded versions of the text to show (max 10)",
+      "default": "4"
+    },
+    "spacing": {
+      "label": "Spacing Between Lines",
+      "type": "string",
+      "description": "Vertical margin between each text instance (e.g., 10px or 1rem)",
+      "default": "5px"
     }
   },
-  "description": "Displays a line of text fading in decreasing opacity, aligned and styled by user.",
+  "description": "Displays fading text repeated a chosen number of times with customizable glow, spacing, and style.",
   "format": "inline"
 }
 </templatedata>
-{{Close Fading Text Effect|text=You should be seeing this on the center}}
 </noinclude>