CosmicSky

Template:Clickable button: Difference between revisions

← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(5 intermediate revisions by one other user not shown)
Line 1: Line 1:
<div class="mw-ui-button" style="
<span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-progressive | white = | blue = mw-ui-progressive}}"  
  position: relative;
      role="button"  
  display: inline-block;
      aria-disabled="false"
  padding: 100px;
      style="font-size: 1.5em; padding: 10px; position: relative; display: inline-block;  
  font-size: 1.5em;
            background-color: #333; border-radius: 12px; border: 1px solid #555; overflow: hidden;">
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url({{filepath:{{{image|}}}}});
">


  <!-- Button Text -->
  <!-- Image over the button -->
  <div style="
  <span style="position: absolute; top: 0; left: 50%; transform: translateX(-50%);">
    position: absolute;
      [[File:Misc.png|100px|link=https://wiki.cosmicsky.net/index.php?title=Miscellaneous|alt=Miscellaneous]]
    bottom: 20px;
  </span>
    left: 50%;
    transform: translateX(-50%);
    color: #facc91;
  ">
    {{{text|{{{1|Button text}}}}}}
  </div>


</div>
  <!-- Button Text -->
  <span style="position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); color: #facc91;">
    {{{text|{{{1|Button text}}}}}}
  </span>
</span>
<noinclude>{{Documentation}}</noinclude>
<noinclude>{{Documentation}}</noinclude>

Latest revision as of 04:32, 6 December 2024

  
     Miscellaneous
  

  
    Button text

Template:Documentation

Retrieved from "https://wiki.cosmicsky.net/index.php?title=Template:Clickable_button&oldid=1659"