We are actively looking for staff to help us build the wiki. If you are interested please join our Discord server and apply.

Template:CraftingGrid: Difference between revisions

From Moonbounce Wiki
Jump to navigation Jump to search
(Testing)
 
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
Line 2: Line 2:
   <tr>
   <tr>
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
       {{#if:{{{image1|}}}|[[File:{{{image1}}}|100px]]|}}
       {{#if: {{{image1|}}} | [[File:{{{image1}}}|100px]] }}
     </td>
     </td>
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
       {{#if:{{{image2|}}}|[[File:{{{image2}}}|100px]]|}}
       {{#if: {{{image2|}}} | [[File:{{{image2}}}|100px]] }}
     </td>
     </td>
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
       {{#if:{{{image3|}}}|[[File:{{{image3}}}|100px]]|}}
       {{#if: {{{image3|}}} | [[File:{{{image3}}}|100px]] }}
    </td>
    <td rowspan="2" style="width: 50px; text-align: center; vertical-align: middle; padding: 0 20px; position: relative;">
      <!-- Arrow image in the gap -->
      <div style="position: absolute; top: 50%; transform: translateY(-50%);">
        [[File:CraftingArrow.png|50px]]
      </div>
    </td>
    <td rowspan="2" style="border: 1px solid black; width: 100px; height: 200px; text-align: center; vertical-align: middle;">
      <!-- Additional square -->
      {{#if: {{{image7|}}} | [[File:{{{image7}}}|100px]] }}
     </td>
     </td>
   </tr>
   </tr>
   <tr>
   <tr>
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
       {{#if:{{{image4|}}}|[[File:{{{image4}}}|100px]]|}}
       {{#if: {{{image4|}}} | [[File:{{{image4}}}|100px]] }}
     </td>
     </td>
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
       {{#if:{{{image5|}}}|[[File:{{{image5}}}|100px]]|}}
       {{#if: {{{image5|}}} | [[File:{{{image5}}}|100px]] }}
    </td>
    <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center; position: relative;">
      {{#if:{{{image6|}}}|[[File:{{{image6}}}|100px]]|}}
      <div style="position: absolute; top: 50%; left: 100%; transform: translateY(-50%);">
        <svg width="50" height="50">
          <line x1="0" y1="25" x2="50" y2="25" style="stroke:black;stroke-width:2" />
          <polygon points="40,20 50,25 40,30" style="fill:black;" />
        </svg>
      </div>
     </td>
     </td>
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
     <td style="border: 1px solid black; width: 100px; height: 100px; text-align: center;">
      <!-- Additional square at the end of the arrow -->
       {{#if: {{{image6|}}} | [[File:{{{image6}}}|100px]] }}
       {{#if:{{{image7|}}}|[[File:{{{image7}}}|100px]]|}}
     </td>
     </td>
   </tr>
   </tr>
</table>
</table>

Latest revision as of 22:19, 22 June 2024