Template:TextButton: Difference between revisions

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

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

@@ 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>