lina_trinch: (time)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2024-05-28 06:37 pm
Entry tags:

[57] Tabs Biosheet



Live Preview Here!

Code Here!







❖ This is a code released early on the Patreon to my subscribers! So feel free to check out things over there if you want early codes or some exclusive content.

❖ This biosheet includes sections for History, Personality, Appearance, Relationships, Abilities, Visuals, and Soundtrack. Of course, those are just the categories that each section is designed for but use them (copy/paste, remove, add, etc) as you see fit.

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

❖ The icons in the tabs are from Font Awesome. They aren't images; they're SVGs. This means that you can change their size and color within the code itself. If you'd like different icons, check out Font Awesome's (free) library and select the SVG option after you find an icon you like. If you need help, just let me know!




Ctrl+F & Replace:

MAIN_IMAGE_URL - The image on the first page.
IMAGE_URL - Every other image to replace.
URL - Link URLs. These are on the last page.
character/canon - The main header and subheader.
Lorem Ipsum - Text placeholder. Remember to reuse the 'p' tags every time you make a new paragraph, just to keep it looking nice.
00% - The percentage score on personality traits (and the trait names themselves).
Blank - Spaces to fill in under Appearance for hair color, eye color, etc.
song/artist/lyric - Spaces to fill in under Soundtrack. Self-explanatory.
alias/plurk/discord/utc/pb/etc - Personal information to fill in under the last page.




#ddd Borders
#f7f7f7 Background
#333 Icons, text

#F8F4EC Header text, text and divider shadow under pages
#FF9BD2 Shadow
#D63484 Shadow
#402B3A Shadow, header text and divider background under pages

rgba(0,0,0,0.2) Dark filter over front page image