Template:Clickable button: Difference between revisions

Revision as of 21:00, 24 September 2024

 <img src="/path/to/images/NoImagePlaceholder.png" alt="" class="my-button-image" style="width: 100px;" />

   Button text

@@ Line 1: / Line 1: @@
-<!-- Template:Clickable button -->
+<div class="mw-ui-button" style="position: relative; display: inline-block; padding: 100px; font-size: 1.5em;">
-<span class="mw-ui-button" role="button" aria-disabled="false" style="font-size: 1.5em; padding: 100px 100px; position: relative; display: inline-block;">
    <!-- Image -->
-   [[File:{{{image|}}}|{{{image_size|100px}}}|center|class=my-button-image|alt={{{alt|}}}]]
+   <img src="/path/to/images/{{{image|NoImagePlaceholder.png}}}" alt="{{{alt|}}}" class="my-button-image" style="width: {{{image_size|100px}}};" />
    <!-- Button Text -->
-   <span style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #facc91;">
+   <div style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #facc91;">
      {{{text|{{{1|Button text}}}}}}
-   </span>
+   </div>
-</span>
+</div>
 <noinclude>{{Documentation}}</noinclude>