Template:Fading Text Effect: Difference between revisions

Content deleted Content added

Inline

Revision as of 07:51, March 30, 2025

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

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 'Cinzel', serif	String	optional
Text Alignment	`align`	no description Default center	String	optional
Glow	`glow`	no description Default yes	String	optional
Number of Lines	`lines`	no description Default 4	String	optional
Line Spacing	`spacing`	no description Default 5px	String	optional

w w w w

Template loop detected: Template:Fading Text Effect

@@ Line 1: / Line 1: @@
+<includeonly>
-<includeonly><div style="text-align:{{{align|center}}}; font-family:{{{font|var(--font-family-serif)}}}; color:{{{color|#ffffff}}};">
+<div style="text-align:{{{align|center}}}; font-family:{{{font|'Cinzel', serif}}}; color:{{{color|#ffffff}}};">
-{{#vardefine:opacity|1.0}}
-{{#vardefine:i|1}}
+{{#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>
-{{#while:
- | {{#ifexpr: {{#var:i}} <= {{#expr: {{{lines|4}}} }} | true | false }}
- | <span style="
-     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}} }}
 }}
+{{#ifexpr: {{{lines|4}}} >= 2 |
-</div></includeonly>
+<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>
+}}
+{{#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>
+}}
+{{#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>
+}}
+</div>
+</includeonly>
 <noinclude>
@@ Line 25: / Line 23: @@
       "label": "Text",
       "type": "string",
-      "description": "The line of text to display fading multiple times",
       "default": "Insert Text Here"
     },
     "color": {
-      "label": "Text Color",
+      "label": "Color",
       "type": "string",
-      "description": "Text color (applies to the first line)",
       "default": "#ffffff"
     },
     "font": {
-      "label": "Font Family",
+      "label": "Font",
       "type": "string",
-      "description": "Font to use (e.g., Cinzel, Georgia, etc.)",
       "default": "'Cinzel', serif"
     },
@@ Line 43: / Line 38: @@
       "label": "Text Alignment",
       "type": "string",
-      "description": "Text alignment: left, center, or right",
       "default": "center"
     },
     "glow": {
-      "label": "Glow Effect",
+      "label": "Glow",
       "type": "string",
-      "description": "Set to 'yes' or 'no' to enable/disable glowing text shadow",
       "default": "yes"
     },
     "lines": {
-      "label": "Number of Fading Lines",
+      "label": "Number of Lines",
-      "type": "number",
+      "type": "string",
-      "description": "How many faded versions of the text to show (max 10)",
       "default": "4"
     },
     "spacing": {
-      "label": "Spacing Between Lines",
+      "label": "Line Spacing",
       "type": "string",
-      "description": "Vertical margin between each text instance (e.g., 10px or 1rem)",
       "default": "5px"
     }
   },
-  "description": "Displays fading text repeated a chosen number of times with customizable glow, spacing, and style.",
+  "description": "Displays fading text repeated several times with optional glow, alignment, spacing and font control.",
   "format": "inline"
 }
 </templatedata>
 </noinclude>
 {{Fading Text Effect|text=w|align=right|glow=no|lines=7|spacing=6px}}