Template:TextButton: Difference between revisions

Template page
No edit summary
mNo edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="position: relative; text-align: center; border: none;">
<noinclude>
  [[File:button_background.png|link={{{link}}}]]
== Usage Guide ==
   <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff;">
 
        <p">[[{{{link}}}]]</p>
<pre style="display: inline-block; background: none; background-color: #000; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-family: 'Courier New', monospace;">
{{TextButton
|link=Bactrian        <!-- The link the button should navigate to -->
|text=HELLO WORLD    <!-- Optional: The text displayed on the button (default is empty) -->
|scale=250px          <!-- Optional: The scale of the background image (default is empty) -->
|fontsize=38px        <!-- Optional: The font size of the text (default is 38px) -->
}}
</pre>
 
== Description ==
 
Creates a button similar to in-game menu buttons for interactive use.
 
== Preview ==
</noinclude>
 
<div style="position: relative; text-align: center; display: inline-block;">
[[File:Button_background.png|link={{{link}}}|frameless|{{{scale|}}}]]
   <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #91dbfe; padding-top: 0px;">
    <p style="color: #91dbfe; font-size: {{{fontsize|38px}}}; font-family: 'Agency FB', sans-serif;">[[{{{link}}}|{{{text}}}]]</p>
   </div>
   </div>
</div>
</div>

Latest revision as of 20:59, 17 November 2023

Usage Guide

{{TextButton
|link=Bactrian        <!-- The link the button should navigate to -->
|text=HELLO WORLD     <!-- Optional: The text displayed on the button (default is empty) -->
|scale=250px          <!-- Optional: The scale of the background image (default is empty) -->
|fontsize=38px        <!-- Optional: The font size of the text (default is 38px) -->
}}

Description

Creates a button similar to in-game menu buttons for interactive use.

Preview

Button background.png

[[{{{link}}}|{{{text}}}]]