lina_trinch: (time)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2020-02-16 08:23 pm

[13] An Actual CR Chart This Time x2







The Big One:

Click here for live preview

Code:





The Little One:

Click here for live preview

Code:





The Legend:

Click here for live preview

Code:






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

❖ Feel free to change whatever you like about the legend.

❖ The blurbs in "The Big One" aren't infinite. Eventually, the code will cut you off but adding too much won't break it. Your text will just disappear after a certain point.

❖ Adding too much in "The Little One," however, can break the code. Keep it short in that one if you add some text. Or you can change the dimensions of the icon to make it bigger.

❖ I didn't add any links in the code. You can put them wherever you want, but it will add the underline and change the font color. So, if you want to put one in, here's a fancy link url to help you out. (It might look neat if you make the little key icons links, just a thought.)



❖ No, I don't hate Vision. Who could hate Vision??




Ctrl+F & Replace:

COLOR - Color of the background gradient.
BORDER_COLOR - Color of the icon border and key icon. Also the color of the text in the small version. This one shows up twice in your code.
ICON_URL - Image URL.

KEY - Tiny key icon from the legend. Optional.
Character Name - Name of the character.
Canon Name - Name of the character's canon.
Lorem Ipsum - Blurb text.

FONT_COLOR - From the optional link code. The color of your link's text.
Text - From the optional link code. The text of your link.




rgba(0,0,0,0) The end of the gradient that the color blends into. Don't change if you want the color to fade away like it does in the examples.



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