Hypixel SkyBlock Wiki
Advertisement
Paper Nuavo.png This Page documents an Wiki Policy 
This Page is generally accepted by the community as a policy for the Wiki. Changes should reflect consensus or be approved by the Staff Team.
If you disagree with this Policy, please discuss it with the Staff Team or on its talk page.
< 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:

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.

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.

Advertisement