Previous | Next

Biosheet: Headliner



LIVE PREVIEW
(this is an in-entry code; I just wanted to save room, haha)


Information

Hey, guys! I haven't been doing as many biosheets lately and my Patreon users are really interested in getting more of those again, so hopefully the rest of you are too! If you'd like to be able to vote on what sort of free content gets posted, be sure and become a patron so you don't miss out on exclusive polls every month!

This biosheet has just about everything you could want bundled inside of a editorial feeling, multi-page code, which features a large header and pages for your standard bio sections, a gallery, music, and more! Enjoy! ♥

The Coding



Installation Guide

Paste into an entry and fill in the following!

NAME HERE - Header name title
HEADERIMG - Header background
INITIALS - Header monogram
YOURTITLE and YOURSUBTITLE - Header titles

LANDINGTITLE and LANDINGSUBTITLE - Default page titles
LANDINGSUBTITLE - Header Subtitle
ABOUTBG, PERSONALITYBG, APPEARANCEBG, and HISTORYBG - Bio link backgrounds

ABOUT NAME - About title
ABOUTSUBTITLE - About Subtitle
Fill in sidebar as needed
ABOUT INFO HERE - About info

PERSONALITYSUBTITLE - Personality Subtitle
TRAITSICON - Personality sidebar icon
ABCD-E - Personality acronym
PERSONALITY TYPE - Personality type
50% (x2) and TRAIT - Trait title and percentage
Fill in sidebar as needed
PERSONALITY INFO HERE - Personality info

APPEARANCESUBTITLE - About Subtitle
Fill in sidebar as needed
APPEARANCE INFO HERE - About info

HISTORYSUBTITLE - History Subtitle
Fill in sidebar as needed
HISTORY INFO HERE - History info

VISUALSSUBTITLE - Visuals Subtitle
GALLERYURL - image link (copy/paste image url as many times as desired)

CONNECTIONSSUBTITLE - Connections Subtitle
FRIENDURL - Journal link
FRIENDICON - Userpic
NAMEHERE - Friend name
CONNECTION TYPE - Relationship
CONNECTION INFO - Info about person
copy/paste this block as many times as needed

PLAYLISTSUBTITLE - Playlist Subtitle
SONGURL - Youtube link
ALBUMART - Album cover image
SONGTITLE - Song title
SONGARTIST - Song artist
0:00 - Song runtime
copy/paste this block as many times as needed

yourname through aimname - OOC info
CONTACTURL - Dropbox link

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS
helvetica,arial,sans-serif - Overall font
Palatino Linotype - Accent font

COLORS
#fff - Content background color and header/footer font color
#eee - Light accent color
#ADD7C9 - Main accent color
#333 - Font color

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!

Comments

Aug. 1st, 2017 10:58 pm (UTC)
Holy shit, this would be so awesome for games as well, if you edited it appropriately!
Aug. 1st, 2017 11:00 pm (UTC)
Yeah, I was thinking that too! I might do a game version with different pages, tbh. (And probably a layout with the same header setup haha.)
Aug. 1st, 2017 11:01 pm (UTC)
Please do! This would be fantastic for world building and FAQ pages.
Aug. 2nd, 2017 01:09 am (UTC)
That would be amazing, because I had the exact same thought [info]frell did. As soon as I started clicking around, my brain started puzzling out how to fit a whole game's worth of information in a single post. Anyway, regardless of what you choose to do, this is really gorgeous. Thanks for sharing it!
Aug. 1st, 2017 11:17 pm (UTC)
:O

Everything you do is perfect!
Aug. 8th, 2017 06:00 pm (UTC)
Shhhh no thank you!!!! <3
Aug. 2nd, 2017 01:22 am (UTC)

my face whenever tess updates

Aug. 8th, 2017 06:00 pm (UTC)

Re: my face whenever tess updates

LMFAO ♥
Aug. 2nd, 2017 03:33 am (UTC)
Ohhhhhh my god!! *hearteyes* and just when I was about to work on a new character this week. Perf.
Aug. 8th, 2017 06:00 pm (UTC)
Oh sweet! I love when timing works out like that haha.
Aug. 8th, 2017 06:01 pm (UTC)
Life is kicking me in the ass so I haven't been able to do it yet, but when I get it done I'm definitely going to show you.
Aug. 8th, 2017 06:09 pm (UTC)
Man, I feel you. Last month was nuts for me haha. I can't wait to see it, though! I'm wicked stoked to see how people edit this one tbh.
Aug. 2nd, 2017 07:35 am (UTC)
BLESS YOU TESS for making my life easier by combining every extra character tidbit I use into one actual code. You never cease to amaze and now I need to find an immediate use for this. 🙌
Aug. 8th, 2017 06:01 pm (UTC)
OH SHIT NICE, I'M GLAD THAT WORKED OUT SO WELL FOR YOU HAHA. Thank you!!! ♥
Aug. 3rd, 2017 09:18 am (UTC)
I'm not finished yet...but

You're ruining my life.
Aug. 8th, 2017 06:01 pm (UTC)
YASSSSSSSSSSS girl ugh. I love seeing it in use for an actual character.
Aug. 3rd, 2017 11:53 am (UTC)
Oh, wow, this is amazing.
Aug. 8th, 2017 06:01 pm (UTC)
Thank you!! ♥
Aug. 31st, 2017 08:01 am (UTC)
Dear lord baby Jesus this is beautiful and hauntingly large to edit.
Aug. 31st, 2017 04:20 pm (UTC)
Thank you so much!! AND YEAH, HAHA, THERE'S A LOT. It's coming along gorgeously, though! I love that you found a gif big enough to use as the header background; it looks awesome!
Aug. 31st, 2017 06:27 pm (UTC)
is there a way to get rid of the circle and initials, but keep the title and subtitle where they are?
Aug. 31st, 2017 06:47 pm (UTC)
Yeah sure! Just remove:

<div id="monogram" style="width:80px;height:80px;line-height:76px;margin:0 auto;border:2px solid #ADD7C9;color:#ADD7C9;border-radius:120px;font-family:Palatino Linotype;font-size:30px;font-style:italic;margin-bottom:35px;-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5);box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5);">
INITIALS
</div>


And then change the padding in id="titles" to padding:15% 15% 0 15%;
Aug. 31st, 2017 06:57 pm (UTC)
you da best. thank you so much! <3

i was almost there with my no code skills/knowledge.