CosmicSky

Template:Bee Hive Crafting GUI: Difference between revisions

← Older edit
No edit summary
No edit summary
 
Line 1: Line 1:
<includeonly>
<includeonly>
<span style="display:inline-block;position:relative;width:{{{width|512}}}px;height:{{{height|211}}}px;">
<table style="position:relative;width:auto;border-collapse:separate;border-spacing:4px;padding:0;margin:0 auto;border:none;">
[[File:{{{bg|CraftingGUI-Example.png}}}|{{{width|512}}}px|link=]]
<tr>
<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;">
<td style="width:0;height:0;padding:0;margin:0;border:none;">[[File:{{{bg|CraftingGUI-Example.png}}}|{{{width|512}}}px|link=]]</td>
<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>
<td style="position:absolute;top:{{{grid_y|44}}}px;left:{{{grid_x|96}}}px;padding:0;margin:0;border:none;">
</span>
<table style="border:none;border-collapse:separate;border-spacing:{{{gap_h|6}}}px;width:auto;margin:0 auto;padding:0;">
<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;">
<tr>
<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>
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip1|}}}</span></div></div></td>
</span>
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip2|}}}</span></div></div></td>
<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;">
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip3|}}}</span></div></div></td>
<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>
</tr>
</span>
<tr>
<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;">
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip4|}}}</span></div></div></td>
<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>
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip5|}}}</span></div></div></td>
</span>
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip6|}}}</span></div></div></td>
<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;">
</tr>
<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>
<tr>
</span>
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip7|}}}</span></div></div></td>
<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;">
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip8|}}}</span></div></div></td>
<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>
<td style="text-align:center;width:{{{slot|48}}}px;height:{{{slot|48}}}px;border:none;padding:0;"><div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tip9|}}}</span></div></div></td>
</span>
</tr>
<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;">
</table>
<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>
</td>
</span>
<td style="position:absolute;top:{{{out_y|94}}}px;left:{{{out_x|380}}}px;padding:0;margin:0;border:none;">
<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;">
<div class="tooltip-wrapper" style="width:{{{slot|48}}}px;height:{{{slot|48}}}px;"><div class="foreground-icon" style="top:0;left:0;width:{{{slot|48}}}px;height:{{{slot|48}}}px;">[[File:Transparent.png|{{{slot|48}}}px|link=]]<span class="tooltip-text">{{{tipout|}}}</span></div></div>
<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>
</td>
</span>
</tr>
<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;">
</table>
<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>
</includeonly>
</includeonly>

Latest revision as of 18:53, 5 September 2025

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