Jump to content

Customizer: Difference between revisions

From Leaf Essentials
That1Dev (talk | contribs)
No edit summary
That1Dev (talk | contribs)
No edit summary
Line 1: Line 1:
<div style="max-width: 1000px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif; color: #e0e0e0;">
{{Stub}}


<!-- STUB -->
<div style="background: rgba(255, 165, 0, 0.1); border-left: 5px solid #ffa500; padding: 15px; margin-bottom: 25px; border-radius: 4px; display: flex; align-items: center;">
    <span style="font-size: 20px; margin-right: 15px;">🚧</span>
    <span>'''Stub:''' This page is a work in progress.</span>
</div>


<h2 style="text-align: center; color: #58a6ff; border: none; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; opacity: 0.8;">Creation Modules</h2>


<!-- THE GRID -->
[[File:CustomizerBrush.png|thumb|alt=The customizer brush in-game|The customizer brush in-game]]
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;">


    <!-- LINKED ITEMS (Green Style) -->
    <!-- We use a span inside the link to override MediaWiki's default blue background -->
   
    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px; display: flex; justify-content: center;">
            [[Action Form|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Action Form</span>]]
        </div>
    </div>


    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px; display: flex; justify-content: center;">
            [[Chest UI|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Chest UI</span>]]
        </div>
    </div>


    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
[[File:3DBrushCompressed.png|thumb|alt=The 3D brush used for the 4 year birthday branding :3|The 3D brush used for the 4 year birthday branding :3]]
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px; display: flex; justify-content: center;">
            [[Formatting|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Formatting</span>]]
        </div>
    </div>


    <!-- SCRIPT (Highlighted Blue Box) -->
    <div style="background: #161616; border: 1px solid #3366cc; padding: 25px 15px; border-radius: 8px; text-align: center; box-shadow: inset 0 0 10px rgba(51,102,204,0.2);">
        <div style="border: 1px solid #3366cc; padding: 15px; border-radius: 4px; background: rgba(51,102,204,0.05); display: flex; justify-content: center;">
            [[Script|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Script</span>]]
        </div>
    </div>


    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px; display: flex; justify-content: center;">
            [[Zones|<span style="color: #44bd69; font-weight: bold; text-decoration: none; white-space: nowrap;">Zone</span>]]
        </div>
    </div>


    <!-- UNLINKED ITEMS (Coming Soon) -->
The Customizer in Leaf is a tool that allows you to create a lot of things that have been added by Leaf.
    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.6;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
            <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Modal Form</div>
            <div style="font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 1px;">Coming Soon</div>
        </div>
    </div>


    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.6;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
            <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Sidebar</div>
            <div style="font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 1px;">Coming Soon</div>
        </div>
    </div>


    <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.6;">
        <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
            <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Toast</div>
            <div style="font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 1px;">Coming Soon</div>
        </div>
    </div>


</div>
A list of what you can make with Customizer:


</div>
 
 
* Folder
 
* Box
 
* [[Action Form]]
 
* Modal Form
 
* [[Chest UI]]
 
* Sidebar
 
* Toast (Custom notifications)
 
* Function
 
* Invite
 
* Event
 
* [[Script]]
 
* Warp
 
* [[Zones|Zone]]
 
* Channel
 
* Command
 
* [[Formatting]]

Revision as of 10:18, 30 April 2026

This article is a stub. You can help by expanding it! :3


The customizer brush in-game
The customizer brush in-game


The 3D brush used for the 4 year birthday branding :3
The 3D brush used for the 4 year birthday branding :3


The Customizer in Leaf is a tool that allows you to create a lot of things that have been added by Leaf.


A list of what you can make with Customizer:


  • Folder
  • Box
  • Modal Form
  • Sidebar
  • Toast (Custom notifications)
  • Function
  • Invite
  • Event
  • Warp
  • Channel
  • Command