|
|
| (2 intermediate revisions by one other user 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) -->
| | * Folder |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;">
| |
|
| |
|
| <!-- LINKED ITEMS (Green style) -->
| | * Box |
| <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;">
| | * [[Action 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;">
| | * Modal Form |
| <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);">
| | * [[Chest UI]] |
| <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;">
| | * Sidebar |
| <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) -->
| | * Toast (Custom notifications) |
| <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;">
| | * Function |
| <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;">
| | * Invite |
| <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;">
| | * Event |
| <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;">
| | * [[Script]] |
| <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;">
| | * Warp |
| <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;">
| | * [[Zones|Zone]] |
| <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>
| | * Channel |
|
| |
|
| <!-- FOOTER -->
| | * Command |
| <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>
| | * [[Formatting]] |
This article is a stub. You can help by expanding it! :3
The customizer brush in-game
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:
- Toast (Custom notifications)
