|
|
| (11 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| <div style="max-width: 1000px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif; color: #e0e0e0;">
| | {{Stub}} |
|
| |
|
| <!-- STUB NOTIFICATION -->
| | [[File:CustomizerBrush.png|thumb|alt=The customizer brush in-game|The customizer brush in-game]] |
| <div style="background: rgba(255, 165, 0, 0.1); border-left: 5px solid #ffa500; padding: 15px; margin-bottom: 20px; border-radius: 4px; display: flex; align-items: 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]] |
| <span style="font-size: 20px; margin-right: 15px;">🚧</span>
| |
| <span>'''Stub:''' This page is a work in progress. Feel free to contribute!</span>
| |
| </div>
| |
|
| |
|
| <!-- HEADER SECTION -->
| | The Customizer in Leaf is a tool that allows you to create a lot of things that have been added by Leaf. |
| <div style="display: flex; gap: 20px; flex-wrap: wrap; align-items: center; margin-bottom: 40px;">
| |
| <div style="flex: 2; min-width: 300px;">
| |
| <h1 style="color: #fff; font-size: 2.5em; border: none; margin-bottom: 10px;">The Customizer</h1>
| |
| <p style="font-size: 1.2em; line-height: 1.6; color: #b0b0b0;">
| |
| The Customizer is the powerhouse of Leaf Essentials. It's a versatile tool designed to bridge the gap between imagination and implementation.
| |
| </p>
| |
| </div>
| |
| <div style="flex: 1; min-width: 250px; text-align: center;">
| |
| [[File:CustomizerBrush.png|250px|alt=Customizer Brush]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <h2 style="text-align: center; color: #58a6ff; border: none; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; font-size: 1em; opacity: 0.7;">Creation Modules</h2>
| | == A list of what you can make with Customizer == |
|
| |
|
| <!-- THE GRID (Matching image_002382.png) -->
| | * [[Folders & Boxes]] |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;">
| |
|
| |
|
| <!-- LINKED ITEMS (Green style) -->
| | * [[Action Form]] |
| <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;">
| |
| [[Action Form|<span style="color: #44bd69; font-weight: bold; letter-spacing: 0.5px;">Action Form</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
| | * [[Modal Form]] |
| <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
| |
| [[Chest UI|<span style="color: #44bd69; font-weight: bold;">Chest UI</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
| | * [[Chest UI]] |
| <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
| |
| [[Formatting|<span style="color: #44bd69; font-weight: bold;">Formatting</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <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);">
| | * [[Sidebar]] |
| <div style="border: 1px solid #3366cc; padding: 15px; border-radius: 4px; background: rgba(51,102,204,0.05);">
| |
| [[Script|<span style="color: #44bd69; font-weight: bold;">Script</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center;">
| | * [[Toasts|Toast (Custom notifications)]] |
| <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
| |
| [[Zones|<span style="color: #44bd69; font-weight: bold;">Zone</span>]]
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- UNLINKED ITEMS (Coming Soon style) -->
| | * [[Functions]] |
| <div style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
| |
| <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.8;">
| | * [[Invite System]] |
| <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.8;">
| | * [[Event Triggers]] |
| <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 style="background: #161616; border: 1px solid #222; padding: 25px 15px; border-radius: 8px; text-align: center; opacity: 0.8;">
| | * [[Script]] |
| <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
| |
| <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Function</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.8;">
| | * [[Warps]] |
| <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
| |
| <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Command</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.8;">
| | * [[Zones|Zone]] |
| <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
| |
| <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Warp</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.8;">
| | * [[Chat Channels]] |
| <div style="border: 1px solid #333; padding: 15px; border-radius: 4px;">
| |
| <div style="color: #fff; font-weight: bold; margin-bottom: 4px;">Event</div>
| |
| <div style="font-size: 0.7em; color: #888; text-transform: uppercase; letter-spacing: 1px;">Coming Soon</div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| </div>
| | * [[Custom Commands]] |
|
| |
|
| <!-- FOOTER -->
| | * [[Formatting]] |
| <div style="margin-top: 50px; padding: 20px; border-top: 1px solid #333; display: flex; align-items: center; justify-content: space-between;">
| |
| <div style="display: flex; align-items: center; gap: 15px;">
| |
| [[File:3DBrushCompressed.png|60px]]
| |
| <span style="font-size: 0.9em; color: #666;">Leaf Essentials Wiki • 2026</span>
| |
| </div>
| |
| <div style="font-size: 0.8em; color: #44bd69; font-weight: bold; text-transform: uppercase;">4 Year Anniversary</div>
| |
| </div>
| |
|
| |
|
| </div>
| | * [[Actions]] |
| | |
| | == Bonus Content/Graphics == |
| | * [[Pride Customizer Brushes]] |
| | |
| | == Accessibility Note == |
| | |
| | Customizer is made to pander towards power users, some things may not be as easy to understand for others, but will in turn give you tons of customization over everything, and should be relatively user friendly, and we do try to make it as easy to use as possible for what it is. |
| | |
| | If you have any issues with Customizer in terms of usability, feel free to DM [[User:Ashy|Ashy]] on Discord |
