Template:Clickable button: Difference between revisions

Revision as of 04:40, 19 September 2024

{{#if: | <img src="{{{1}}}" alt="Button Image" style="position: absolute; top: 20px; left: 50%; transform: translateX(-50%); max-width: 80%; height: auto;"> }} Button text Template:Documentation

@@ Line 1: / Line 1: @@
 <span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-progressive | white = | blue = mw-ui-progressive}}" role="button" aria-disabled="false" style="font-size: 1.5em; padding: 160px 120px; position: relative; display: inline-block;">
-  {{#if: {{{1|}}}
+{{#if: {{{1|}}}| <img src="{{{1}}}" alt="Button Image" style="position: absolute; top: 20px; left: 50%; transform: translateX(-50%); max-width: 80%; height: auto;">
-      | <img src="{{{1}}}" alt="Button Image" style="position: absolute; top: 20px; left: 50%; transform: translateX(-50%); max-width: 80%; height: auto;">
+}}
-  }}
+<span style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);">
-  <span style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);">
+{{{text|{{{2|Button text}}}}}}
-    {{{text|{{{2|Button text}}}}}}
+</span>
-  </span>
 </span><noinclude>{{Documentation}}</noinclude>