Template:Clickable button: Difference between revisions
| No edit summary Tags: Manual revert Reverted | No edit summary Tag: Reverted | ||
| 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;"> | <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;"> | ||
|    <img src="{{{image}}}" alt="Button Image" style="max-width: 100%; height: auto; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);"> | |||
|     <span style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #facc91;"> |     <span style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #facc91;"> | ||
|       {{{text|{{{1|Button text}}}}}} |       {{{text|{{{1|Button text}}}}}} | ||
Revision as of 21:09, 19 September 2024
  <img src="{{{image}}}" alt="Button Image" style="max-width: 100%; height: auto; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);">
  
    Button text