Table Code

Here is a table code that you can use as is or customize it however you want. You can change the font and text (the fancy text isn't required), icons, header image, colors, etc. Just leave the link back to the site so others can find more stickers easily!

𝑀𝓎 𝒮𝓉𝒾𝒸𝓀𝑒𝓇 𝒮𝒽𝑒𝑒𝓉

Copy and paste the table code onto your Sticker Sheet Club page. You'll need to replace the sticker image URL's with your own.

<table id="ssclubheader_1" style="background-image:url('https://stickersheetclub.neocities.org/images/stickersheetheader.png'); background-repeat: no-repeat; background-position: top center;" height="80">
<tr>
<th>

<div style="font-family: Verdana; font-size: 12px; color: #e55a76;"><img src="https://stickersheetclub.neocities.org/images/tinyleaf.gif"> 𝑀𝓎 𝒮𝓉𝒾𝒸𝓀𝑒𝓇 𝒮𝒽𝑒𝑒𝓉 <img src="https://stickersheetclub.neocities.org/images/tinyleaf.gif"></div>
</th>
</tr>
</table>

<table id="ssclubstickers_1" class="stickersimg" height="100" >
<tr>
<td><center> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder1.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder2.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder1.png"></a>  </center></td>
</tr>
<tr>
<td><center> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder2.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder1.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder2.png"></a>  </center></td>
</tr>
<tr>
<td><center> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder1.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder2.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder1.png"></a>  </center></td>
</tr>
<tr>
<td><center> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder2.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder1.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder2.png"></a>  </center></td>
</tr>
<tr>
<td><center> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder1.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder2.png"></a> <a href="http://stickersheetclub.neocities.org/"><img src="https://stickersheetclub.neocities.org/images/sticker_placeholder1.png"></a>  </center></td>
</tr>
</table>

<table id="ssclubfooter_1" style="background-color: #fff; border: 1px solid #fdc2ce;" width="240">
<tr><th>
<center><a href="http://stickersheetclub.neocities.org/" target="_new"><img src="http://stickersheetclub.neocities.org/images/stickersheetclublogo.png"></a></center>
</th></tr>
</table>

You'll also need to add this CSS code into your style tags within the head tags or into your page's stylesheet so the table displays properly.

/* Sticker Sheet Club Styling
    http://www.stickersheetclub.neocities.org 
    */
    
    /* Table Styling */
    table {
      background-color: #fdc2ce; 
      border: 1px solid #fdc2ce;
      width: 250px;
    }
		/* Space between the stickers */
		td img {
      padding:0px 15px;
		}
	
    /* Black shadow around stickers
    You can change or remove this if you want */
		.stickersimg img {
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
		}
			
    /* To customize mulitple sets of tables:
    Each sticker sheet has 3 tables: ssclubheader_#, ssclubstickers_#, and #ssclubfooter_#. 
    Give each set of tables a different number.
    */
	    
    #ssclubheader_1 {
    /* You can use the background header image code here and remove it from the HTML.
     background-image:url('https://stickersheetclub.neocities.org/images/stickersheetheader.png'); 
    background-repeat: no-repeat; 
    background-position: top center;
    */
    }
			
  	#ssclubstickers_1 {
    /* You can add a different background color or image here too! */
    }
			
    #ssclubfooter_1 {
    /* Here too! */
    }

You can make a sheet for just your stickers, for other's stickers you've collected, or both. You can also just make mulitple sheets if you would prefer to do them by themes.