Template:Clickable button: Difference between revisions
No edit summary Tag: 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;"> | ||
{{#tag:img| |src={{{image|}}} |alt=Button Image |style=width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -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}}}}}} | ||
</span> | </span> | ||
</span> | </span> | ||
<noinclude>{{Documentation}}</noinclude> | <noinclude>{{Documentation}}</noinclude> | ||
Revision as of 20:40, 19 September 2024
<img src="" alt="Button Image" style="width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"> </img>
Button text