Janky Tableturf Card Maker (Code)

Queperly

Info


Created
3 months, 16 days ago
Creator
Queperly
Favorites
3

Profile


<div class = "p-5 row"style = "background-color:red;">

<!----------------------------------------------------------------------->
<!--CARD----------------------------------------------------------------->
<div class = "row no gutters" style = "height:850px; position:relative; left:100px;max-width:50%">
<div>

<!----SPECIAL CHARGES------------------------------------------->
<!--Edit the opacity instead of deleting to keep the even spacing !!-->
<div style = "height:0px;position:relative; z-index:4; top:685px; left:130px;">

<!--Upper Row-->
<div class = "row no-gutters col-4 justify-content-around" style = "opacity:1"> 

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">
</div>

<div style = "height:7px;"></div>

<!--Lower Row-->
<div class = "row no-gutters col-4 justify-content-around" style = "opacity:1"> 

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">

<!--Charge-->
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px; opacity:1">
</div>
</div>

<!----PATTERN BOX------------------------------------------->
<!--the boxes are all images, in order to make a shape you need to replace the image in the corresponding place-->
<!--There are a lot of boxes, make sure to collapse columns to keep track of everything-->
<div class = "justify-content-end row no-gutters" style = "height:0px;position:relative; z-index:4; top:520px;right:20px; transform:rotate(7deg)"><div class = "row no-gutters">

<!--Column 1-->
<div>
<!--box 1-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733977_fZVz69PzvIzAntH.png" style = "max-height:25px;"></div>

<!--box 2-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733975_SjXeVD4mKavAJqn.png" style = "max-height:25px;"></div>

<!--box 3-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 4-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 5-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 6-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 7-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 8-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>
</div>

<!--Column 2-->
<div>
<!--box 1-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 2-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 3-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 4-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 5-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 6-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 7-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 8-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>
</div>

<!--Column 3-->
<div>
<!--box 1-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 2-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 3-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 4-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 5-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 6-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 7-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 8-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>
</div>

<!--Column 4-->
<div>
<!--box 1-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 2-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 3-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 4-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 5-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 6-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 7-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 8-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>
</div>

<!--Column 5-->
<div>
<!--box 1-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 2-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 3-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 4-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 5-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 6-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 7-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 8-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>
</div>

<!--Column 6-->
<div>
<!--box 1-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 2-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 3-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 4-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 5-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 6-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 7-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 8-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>
</div>

<!--Column 7-->
<div>
<!--box 1-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 2-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 3-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 4-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 5-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 6-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 7-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 8-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>
</div>

<!--Column 8-->
<div>
<!--box 1-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 2-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 3-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 4-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 5-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 6-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 7-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>

<!--box 8-->
<div><img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733971_w5JMgwkXLKq8R4Q.png" style = "max-height:25px;"></div>
</div>

</div>
</div>

<!----TITLE------------------------------------------->
<!--Size may need to be adjusted-->
<div class = "justify-content-center" style = "height:0px; position:relative; z-index:4; font-weight:900; font-size:470%;top:10px; text-shadow: 5px 5px 0px rgba(0, 0, 0, 1);"><span style = "color:yellow">Splattershot jr.
</span></div>

<!--TILE AMOUNT-->
<div style = "height:0px; position:relative; z-index:4; font-weight:900; font-size:360%;top:654px; left: 44px;text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);"><div class = "col-2 text-center" style = "right:15px; color:white">
00
</div></div>

<!---------------------------------------------------------------------->
<!--IMAGES-------------------------------------------------------------->
<!---------------------------------------------------------------------->

<!--FRAME-->
<div style = "height:0px; position:relative; z-index:3">
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733888_fH6H6Llw5gZscMK.png" style = "height:780px;"></div>

<!--CHARACTER-->
<!--Tableturf images from inkipedia are automatically spaced correctly-->
<!--change the top and left attributes to move custom images-->
<div style = "height:0px; position:relative; z-index:2">
<img src = "https://cdn.wikimg.net/en/splatoonwiki/images/e/e4/S3_Tableturf_Battle_card_Splattershot_Jr..png?20220923142453" style = "height:780px;position:relative; top:0px; left:0px;"></div>

<!--SPLATTER-->
<!--splatter 1 and 2 must be merged into 1 png-->
<div style = "height:0px; position:relative; z-index:1">
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733947_OykdxCqtqAo8moy.png" style = "height:780px;"></div>

<!--BACKGROUND-->
<div style = "height:0px;">
<img src = "https://f2.toyhou.se/file/f2-toyhou-se/images/77733904_MD32dlFJJ1aDfCg.png" style = "height:780px;"></div>

<!--STAR RANKING-->
<!--change the stars based on the upgrade level-->
<!--spacing will be automatic, delete what you want-->
<div class = "justify-content-center" style = "color:yellow; font-size:400%; position:relative; top:785px">

<i class="fa-solid fa-star"></i>
<span style = "opacity:0">l</span> <!--spacing-->
<i class="fa-solid fa-star"></i>
<span style = "opacity:0">l</span> <!--spacing-->
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
<!--CARD----------------------------------------------------------------->
<!----------------------------------------------------------------------->

<div style = "position:relative; left:160px;font-weight:700; font-size:25px;">Zoom out a bit, then take a screenshot <br> Select the red and delete it
</div>

</div>