Template:Fading Text Effect: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 09:40, March 30, 2025

Insert Text Here Insert Text Here Insert Text Here Insert Text Here

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 16px	String	optional
Line Spacing	`spacing`	no description Default 5px	String	optional

I should be in the center - and also I should be glowing I should be in the center - and also I should be glowing I should be in the center - and also I should be glowing I should be in the center - and also I should be glowing

I should be on the left - and also I shouldn't be glowing I should be on the left - and also I shouldn't be glowing I should be on the left - and also I shouldn't be glowing I should be on the left - and also I shouldn't be glowing

I should be on the right - and I also should be glowing I should be on the right - and I also should be glowing I should be on the right - and I also should be glowing I should be on the right - and I also should be glowing

@@ Line 1: / Line 1: @@
+<div style="text-align:{{{align|center}}}; font-family:{{{font|var(--font-family-serif)}}}; color:{{{color|#ffffff}}};">
-<includeonly>
+{{#ifexpr: {{{lines|4}}} >= 1 |
-<div style="text-align:{{{align|center}}}; font-family:{{{font|'Cinzel', serif}}}; color:{{{color|#ffffff}}};">
-  <span style="font-size: 1.5em; text-shadow: 0 0 8px white, 0 0 12px #ccc;">{{{text|The End Begins}}}</span><br />
+<span style="display:block; font-size:{{{fontsize|16px}}}; 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>
+}}
-  <span style="opacity: 0.6; text-shadow: 0 0 6px white, 0 0 10px #aaa;">{{{text|The End Begins}}}</span><br />
+{{#ifexpr: {{{lines|4}}} >= 2 |
-  <span style="opacity: 0.3; text-shadow: 0 0 4px white, 0 0 6px #888;">{{{text|The End Begins}}}</span><br />
-  <span style="opacity: 0.1; text-shadow: 0 0 2px white, 0 0 4px #666;">{{{text|The End Begins}}}</span>
+<span style="display:block; font-size:{{{fontsize|16px}}}; 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; font-size:{{{fontsize|16px}}}; 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; font-size:{{{fontsize|16px}}}; 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>
@@ Line 15: / Line 21: @@
       "label": "Text",
       "type": "string",
+      "default": "Insert Text Here"
-      "description": "Has a text show and look like it's slowly fading off",
-      "default": "Amaranth Legacy"
     },
     "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",
+      "default": "serif"
-      "description": "Font to use (e.g., Cinzel, Georgia, etc.)",
-      "default": "'Cinzel', serif"
     },
     "align": {
       "label": "Text Alignment",
       "type": "string",
-      "description": "Text alignment: left, center, or right",
       "default": "center"
+    },
+    "glow": {
+      "label": "Glow",
+      "type": "string",
+      "default": "yes"
+    },
+    "glowcolor": {
+      "label": "Glow Color",
+      "type": "string",
+      "default": "#ccc"
+    },
+    "fontsize": {
+      "label": "Font Size",
+      "type": "string",
+      "default": "16px"
+    },
+    "spacing": {
+      "label": "Line Spacing",
+      "type": "string",
+      "default": "5px"
     }
   },
-  "description": "Displays a line of text fading in decreasing opacity, aligned and styled by user.",
+  "description": "Displays fading text repeated several times with customizable glow, alignment, font, and spacing.",
   "format": "inline"
 }
 </templatedata>
+{{Fading Text Effect|font=comic sans|text=I should be in the center - and also I should be glowing |color=purple|glowcolor=green}}
+{{Fading Text Effect|text=I should be on the left - and also I shouldn't be glowing |glow=no|fontsize=16px|spacing=6px|color=blue|align=left}}
+{{Fading Text Effect|text=I should be on the right - and I also should be glowing|align=right|glowcolor=orange|color=red}}
 </noinclude>