These policies should be accepted by the community. Changes should reflect consensus or be approved by the Staff Team.
To dispute a policy, please discuss on the talk page or contact the Staff Team.
- < Wiki Policies | < Style Manual
UIs Are custom interactable user interfaces that emulate the real thing in-game. All UI's use custom fonts. They may range from Hypixel SkyBlock UI's to vanilla UIs.
Templates Used[]
Since UI's are a huge topic, many different templates are used to help reduce the strain on editors and the source code size on pages.
The templates used are as follows:
{{Slot}}- The core template of UIs, which generates a basic inventory slot UI. The module that implements this may be found at Module:Inventory slot.{{Crafting Table}}- A template that creates a Vanilla Minecraft crafting table. Although SkyBlock uses a different UI than the vanilla one, the two are so similar in function that it does not cause any issues for readers.{{Brewing Stand}}- A template that creates Vanilla Minecraft Brewing Stand UI. As with the same as above, the UIs are so similar that a deviation from vanilla is not needed.{{Furnace}}- A template that creates Vanilla Minecraft Furnace UI.{{UI}}- A Generic template that creates a SkyBlock Inventory UI. Highly configurable.{{UIPage}}- For transclusion of{{UI}}s on other pages. Custom settings can be passed to the first UI that is transcluded.{{Collection UI}}- A template that creates a Collection UI.{{Collection Rewards UI}}- A template that creates a Collection Rewards UI.{{Collection Recipe}}- A template that works in the same manner as{{Crafting Table}}, but as an Inventory UI showcase.{{Enchanted Collection Recipe}}- Same as{{Collection Recipe}}, but for enchanted items.{{Minion Recipes UI}}- Same as{{Collection Rewards UI}}, but for Minions.{{Potion UI}}- Creates a Potion brewing recipe UI.{{UIText}}- Makes creating complicated UI tooltips a breeze.
- See the categories Category:Inventory templates and Category:UI Templates for all templates relating to UI's.
Unused Vanilla UIs[]
- {{Grindstone}} - A template that creates Vanilla Minecraft Grindstone UI. Not currently used due to SkyBlock not implementing this item.
- {{Loom}} - A template that creates Vanilla Minecraft Loom UI. Not currently used due to SkyBlock not implementing this item.
- {{Anvil}} - A template that creates Vanilla Minecraft Anvil UI. Not currently used due to SkyBlock not implementing this item.
- {{Smithing}} - A template that creates Vanilla Minecraft Smithing Table UI. Not currently used due to SkyBlock not implementing this item.
Hypixel SkyBlock UI layout[]
Hypixel SkyBlock UIs comprise of the following layout:
- The main table, which is a class called mcui.
- The main title, which is made out of a custom minecraft font.
- The UI slots, which are individual table cells with HTML.
- All css related to this may be found at MediaWiki:Custom-common.less/inventory.less.
- Most UI templates that use lua are found in Module:UI.
For a collection UI, please note the following:
- The page for a collection can be created with
{{Collection UI}} - Sub-pages for that collection (if any) shall be created with the following exceptions:
- The sub-page "XX Rewards" that separates the main page and the recipe, can be omitted
- For Minion Recipes, which are created with
{{Minion Recipes UI}}, only the page with all the minions need to be created - For Potion Recipes, which currently should be created with
{{UI}}, only the page with all the potions need to be created - For Armor Set Recipes, which are created with
{{UI}}, should further link to subpages of individual recipes
Tooltips[]
Since SkyBlock makes extensive use of custom tooltips, the wiki also uses them. These tooltips are generated with MediaWiki:Common.js/minetip.js.
These can be added to inventory slots with {{Slot}}.
When {{Slot}} is called, it first draws from an aliases module (Module:Inventory slot/Aliases and Module:Inventory slot/Tooltips) to see if there are any preloaded tooltips. If not manual tooltips may be added.
Fonts[]
In tooltips, custom colors may be used. The syntax for tooltips is quite simple:
- For custom colors, Formatting Codes such as &a or &l may be used.
- For newlines, the character / is used. This may be prevented by escaping it as follows: \/
Tabbers[]
In SkyBlock, UI's may link/open other UI's. The Hypixel SkyBlock Wiki replicates this with UI Tabbers. These may be activated by adding an element with a class called sbw-ui-tabber and placing UI's inside.
When a UI is placed inside, a slot with a class with the prefix goto- (this may be generated using {{Slot}} and the <class> paramater) will attempt to find a UI with the matching ID with the ui- prefix.
When it succeeds, it will open the other UI. The JS that works this may be found in MediaWiki:Common.js.
A Child UI is hidden at first, so it is only shown when a UI tabber is activated.
An example of such a tabber is as follows:
<div class="sbw-ui-tabber">
<!-- Main -->
{{UI|Main|id=default
|3, 5 = Barrier
}}<!--
~~ any description here ~~
-->{{UI|Tab|
|3, 5 = Barrier
|return_to=default
}}
</div>
To prevent unnecessary new lines being added before lower-level tabs, the extra lines in-between should be commented out as shown above.
| All Wiki Information | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||
| |||||||||||
| |||||||||||
| |||||||||||
| |||||||||||