CosmicSky

Template:Bee Hive Crafting GUI: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 2: Line 2:
<span style="display:inline-block;position:relative;width:{{{width|512}}}px;height:{{{height|211}}}px;">
<span style="display:inline-block;position:relative;width:{{{width|512}}}px;height:{{{height|211}}}px;">
[[File:{{{bg|CraftingGUI-Example.png}}}|{{{width|512}}}px|link=]]
[[File:{{{bg|CraftingGUI-Example.png}}}|{{{width|512}}}px|link=]]
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 0 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 0 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip1|}}}</span></span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 0 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 0 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 1 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 0 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip2|}}}</span></span>
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip1|}}}</span></span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 2 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 0 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip3|}}}</span></span>
</span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 0 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 1 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip4|}}}</span></span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 1 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 0 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 1 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 1 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip5|}}}</span></span>
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip2|}}}</span></span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 2 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 1 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip6|}}}</span></span>
</span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 0 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 2 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip7|}}}</span></span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 2 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 0 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 1 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 2 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip8|}}}</span></span>
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip3|}}}</span></span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 2 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 2 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tip9|}}}</span></span>
</span>
<span style="position:absolute;left:{{{out_x|380}}}px;top:{{{out_y|94}}}px;width:{{{slot|48}}}px;height:{{{slot|48}}}px;display:block;z-index:3;pointer-events:auto;"><span class="tooltip-text">{{{tipout|}}}</span></span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 0 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 1 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip4|}}}</span></span>
</span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 1 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 1 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip5|}}}</span></span>
</span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 2 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 1 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip6|}}}</span></span>
</span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 0 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 2 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip7|}}}</span></span>
</span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 1 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 2 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip8|}}}</span></span>
</span>
<span style="position:absolute;left:calc({{{grid_x|96}}}px + 2 * ({{{slot|48}}}px + {{{gap_h|6}}}px));top:calc({{{grid_y|44}}}px + 2 * ({{{slot|48}}}px + {{{gap_v|6}}}px));width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tip9|}}}</span></span>
</span>
<span style="position:absolute;left:{{{out_x|380}}}px;top:{{{out_y|94}}}px;width:{{{slot|48}}}px;height:{{{slot|48}}}px;z-index:2;">
<span class="foreground-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><span class="tooltip-text">{{{tipout|}}}</span></span>
</span>
</span>
</span>
</includeonly>
</includeonly>

Revision as of 18:51, 5 September 2025

Retrieved from "https://wiki.cosmicsky.net/index.php?title=Template:Bee_Hive_Crafting_GUI&oldid=4018"