10billionghosts: (veritas)
jay, novice human ([personal profile] 10billionghosts) wrote2023-12-17 01:07 am

code: WINDOW - a cast/muse list code

the magician
Character Name
info . pb name . etc
the moon
Liam Blumenthal
some text . matt bennett
the chariot
Dr. Veritas Ratio
the hunt . imaginary . 5*




I've been wanting to make..........basically exactly this cast list code for like 2 - 3 years now and it finally clicked right in my head lmfao. This is WINDOW, a cast/muse list code inspired by, you know, tall arch-shaped stained glass windows.

This code is fairly straightforward, but please be sure to read the HOW TO USE section for some tips on ensuring it looks good! Otherwise, let's get to it.

CODE HERE:


HOW TO USE

❣️ Mind those lj-raw tags!!

❣️ This code is mobile compatible and insanejournal friendly!

❣️ This code comes with ONE card by default. Copy-paste it to add more. As per uzh with my muse/cast list codes, post additional "cards" where indicated in the code, between the BELOW THIS LINE and ABOVE THIS LINE comments.

❣️ Replace IMG_URL with a portrait that centers your subject well on the canvas for best results.

❣️ Replace #URL_HERE with a link to a character profile/journal/etc.

❣️ The [subheader] and [subfooter] sections are totally optional, and can be deleted if you do not want that additional text.

❣️ A NOTE ABOUT FONT COLOR: color:#fff is declared in two places (1) at the top of the code, for the (optional) subheader and subfooter text, (2) within the [primary label] code. While you are encouraged to change that first color:#fff at the top of the card code, do not mess with the color:#fff within the [primary label] section unless you understand how mix-blend-mode (or photoshop layer properties) works.

❣️ hex code #bb9a69, a gold-ish color, is the default color for the borders. Find-replace to change these.

❣️ hex code #467aae, a sea blue, is the default color for the banner in the [primary label] section. For best results when changing this color, use a high saturation, darker color.

❣️ INTERMEDIATE-TO-ADVANCED EDITING NOTE: Depending on the image you use for your portrait, you may need to make some tweaks to the [primary label] section. Namely, you may want to change the final value of "background:rgba(255,255,255,.6)" from .6 to anywhere from .4 (more dramatic knockout effect) to .8 (more solid white text).

❣️ If you dislike the slightly transparent and knock out text effects in the [primary label] banner, simply delete "mix-blend-mode:multiply;" from the code

❣️ This code comes with a credit by default. Appreciate it if you leave it in, but you can delete if you want! :) It's at the top of the code this time, but it's still clearly marked.

❣️ 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!


text here
Character Name
text . text . text
panicstrickyn: (Default)

[personal profile] panicstrickyn 2023-12-17 09:14 pm (UTC)(link)
CUTE. Now I want to fiddle with this because I feel like it would be so awesome if clicking the name let you hide more info "behind" the pic like this one.
baisemain: (Default)

[personal profile] baisemain 2023-12-23 03:35 am (UTC)(link)
this one is soooo pretty, i love it
namelessharuspex: (k')

[personal profile] namelessharuspex 2024-11-02 04:01 pm (UTC)(link)
stunning! i adjusted it slightly for my own use and i really like how it came out. tysm for this!

https://namelessharuspex.dreamwidth.org/759.html