lina_trinch: (bb8)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2020-02-14 10:18 pm

[12] This Was Supposed to Be a CR Chart



Active
Character Name
Canon Name
UserName
Navigation
★★★★✰
Character Name
Canon Name
UserName
Navigation
★★★★✰
Character Name
Canon Name
UserName
Navigation
★★★★✰
Character Name
Canon Name
UserName
★★★★✰
Character Name
Canon Name
UserName
★★★★✰

Inactive
Character Name
Canon Name
UserName
Navigation
★★★★✰
Character Name
Canon Name
UserName
Navigation
★★★★✰
Character Name
Canon Name
UserName
Navigation
★★★★✰
Character Name
Canon Name
UserName
Navigation
★★★★✰
Character Name
Canon Name
UserName
Navigation
★★★★✰

by killthecake

Code:



❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ The codes for the full card, short card without the extra nav link, and all of the displayed colors are in the code and individually marked. Whatever you want to use, just copy and paste that one.

❖ You can add as many cards and as many dropdown sections as you want.

❖ The code is defaulted to only have the Active menu open with Inactive closed. If you want to customize that, change <details> to <details open> and vice versa.




Ctrl+F & Replace:

Active/Inactive - Headers of the dropdown menus.
Character Name - Your character's name.
Canon Name - Your character's canon.
UserName - The username of that character's journal.
Link - Name of the optional link.

ICON_URL - Image url.
URL - Url of the character journal for "UserName" and the optional link.




rgba(0,0,0,0.3) Background, icon border, and center of the gradient on Character Name and dividers. If you want to change the color of the card like the ones previewed, only change the background, aka the first time this color appears in the code.
rgba(0,0,0,0) Outer edges of gradient on Character Name and dividers.
rgba(250,250,250,0.8) Text and link color.



Post a comment in response:

If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org