10billionghosts | code: STAMP COLLECTION - a minimalist muse/cast list

ASELLUS

A stamp code felt natural after releasing AND TONIC. So, here's STAMP COLLECTION. You can have one stamp or many; they're in a flex grid, so they'll sort to new lines automatically. Use it as a wee post topper or a muse list. Each stamp is a link by default, and optionally you can add label text, like a character name.

CODE HERE:

<lj-raw><div style="max-width:650px;width:100%;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:start;gap:20px;">

<div style="box-sizing:border-box;width:160px;min-height:120px;padding:10px;display:flex;justify-content:stretch;align-item:stretch;align-content:stretch;-webkit-filter:drop-shadow(1px 2px 2px rgba(0,0,0,0.25));background:radial-gradient(transparent 0px, transparent 4px, #f9f9f9 4px, #f9f9f9);background-size: 20px 20px;background-position: -10px -10px;line-height:1.2;">

</div>
	</div>

<div style="width:100%;text-align:center;font-size:10px;"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ddd;">code</a></div>
	
</div></lj-raw>

HOW TO USE:

❣️ This code is mobile compatible! I have not tested this code on InsaneJournal.

❣️ Stamp Collection is built into a flex grid, so you can copy paste additional stamps in where indicated by the code comments! By default, it comes with one stamp.

❣️ You've got one instance of IMG_URL to update here, depending on the code you use. Be sure to replace that with an appropriate picture URL!

❣️ Be sure to update #URL_HERE with the URL for what you want to link to!

❣️ The link text is totally optional; you can delete that and just have the stamp be a link.

❣️ You can also remove the href="#URL_HERE" from the code and keep everything else and the stamp won't be a link anymore.

❣️ If you would like to resize the stamp, adjust the values of width:160px;min-height:120px; at the top of each stamp. Adjust in increments divisible by 20. 100x100 should work, but 135x135 will not, for example. Editing beyond that may make the stamp ridge effect look wonky.

❣️ The only super relevant hex code to edit is hex code #545454, which is the color of the drop shadow on the anchor link text. It's a dark gray by default, but can look nice with other colors to better match the image you use.

❣️ This code comes with a credit by default. Appreciate it if you leave it in!

❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to my ko-fi -- it's always greatly appreciated!

Emilia

code

code: STAMP COLLECTION - a minimalist muse/cast list

no subject