Template:Clickable button: Difference between revisions

Latest revision as of 04:32, 6 December 2024

  
    Button text

@@ Line 2: / Line 2: @@
        role="button"
        aria-disabled="false"
-       style="font-size: 1.5em; padding: 100px 100px; position: relative; display: inline-block;
+       style="font-size: 1.5em; padding: 10px; position: relative; display: inline-block;
-              background-image: url('https://wiki.cosmicsky.net/images/6/64/23.jpg');
+              background-color: #333; border-radius: 12px; border: 1px solid #555; overflow: hidden;">
-             background-size: cover;
-             background-repeat: no-repeat;
+   <!-- Image over the button -->
-             background-position: center;"
+   <span style="position: absolute; top: 0; left: 50%; transform: translateX(-50%);">
->
+      [[File:Misc.png|100px|link=https://wiki.cosmicsky.net/index.php?title=Miscellaneous|alt=Miscellaneous]]
+   </span>
+   <!-- Button Text -->
+   <span style="position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); color: #facc91;">
+     {{{text|{{{1|Button text}}}}}}
+   </span>
 </span>
 <noinclude>{{Documentation}}</noinclude>