Template:Clickable button: Difference between revisions

Revision as of 21:04, 24 September 2024

   Button text

@@ Line 1: / Line 1: @@
-<div class="mw-ui-button" style="position: relative; display: inline-block; padding: 100px; font-size: 1.5em;">
+<div class="mw-ui-button" style="
+  position: relative;
-   <!-- Image -->
+  display: inline-block;
-   <img src="/path/to/images/{{{image|NoImagePlaceholder.png}}}" alt="{{{alt|}}}" class="my-button-image" style="width: {{{image_size|100px}}};" />
+  padding: 100px;
+  font-size: 1.5em;
+  text-align: center;
+   background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+   background-image: url({{filepath:{{{image|}}}}});
+">
    <!-- Button Text -->
-   <div 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}}}}}}
    </div>