code: STAMP COLLECTION - a minimalist muse/cast list

[10billionghosts]

ASELLUS

code

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;"> <!-- STAMPS BELOW THIS LINE --> <!-- stamp --> <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 style="box-sizing:border-box;width:100%;padding:10px;border-radius:2px;display:flex;flex-wrap:wrap;justify-content:end;align-items:end;align-content:end;gap:0;background:#ccc url('IMG_URL')center;background-size:cover;"> <a href="#URL_HERE" style="width:100%;height:100%;display:flex;justify-content:end;align-items:end;text-decoration:none;text-shadow:1px 1px 2px #545454;font-weight:bold;color:#fff">link text</a> </div> </div> <!-- stamp; end --> <!-- STAMPS ABOVE THIS LINE --> <!-- credit --> <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> <!-- credit --> </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

Comments

[stoplickingthedamnthing]

THIS IS SO CUTE

someday I'm going to think of a reason to use all your codes.

[10billionghosts]

YOU'RE SO CUTE

you gotta pick up more characters and make urself a muselist.

[stoplickingthedamnthing]

how many characters before one needs a muselist?

[10billionghosts]

random.org says 40.

[stoplickingthedamnthing]

40 stamps would look really cute together

[10billionghosts]

trying to see if i can think of 40 characters you would play and idk if i even know that many characters in general.

[stoplickingthedamnthing]

BHA has like 40 characters all on its own easy

[clutterbitch]

Who you playing from MHA

[stoplickingthedamnthing]

I would play like... Hard boy. You-are-what-you-eat. Sir engine legs. Captain America but a hot AF lady.

[10billionghosts]

Wait which hard boy though

[stoplickingthedamnthing]

the one that wears shirtless sleeves ofc COME ON

[10billionghosts]

GOD OF COURSE OBVIOUSLY mb mb

[setsuntamew]

omg this is so cute!!! I'm saving this to my memories because I'm definitely gonna find a use for it :D Thanks for sharing!

[10billionghosts]

Of course!! Glad you like it :]

[selfie_centered]

I was JUST looking for a code like this and yours came out so precious. I love how it looks on mobile? ended up using it here at just a tad bit smaller per stamp bc my icon resolutions are weak, so thanks for always making your code so legible and easy to work out.

[10billionghosts]

Ah! I love how this looks with so many stamps! Glad the resizing worked out well also. :]

Glad you like the code!!

[thisismanx]

ugly cries because i JUST saw this code how did i not see this before it is perfect look at those beautiful women that were part of my gay awakening