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.
Dec. 10th, 2017 02:48 pm (UTC)
hey tess! i love this code, and it's perfect for an oc i'm playing over on dw. thing is, it doesn't port over there perfectly — it's almost right, but it won't center in my splash page properly (see on the journal itself, here) and there's an issue with the information pages themselves which... i'm having trouble describing, but if you check the personality and history tabs you should be able to see for yourself if you scroll down. i have done some editing of the code, but i don't think it's anything that should cause these problems — the code works right on ij, which you can see here. another of your codes, the halloween-themed permissions one, is having the same problem (here). is there something i need to change to make these work on dw?
Dec. 14th, 2017 09:23 pm (UTC)
Yeah, I noticed that a while back when I tried out the permissions code over on DW on a whim, and I like... honestly have no clue??? what it is in DW's default coding that's causing those gaps and I even tried to fix it and dug all through the inherited specs (and did it again just now.) And there's literally no discernible reason for it to be behaving this way on either code.

So far from my testing what I've been able to tell is that the size of the gap in the codes that have this issue are directly related in some way to the amount of content in that div. When I was testing my permissions code I noticed that the gap is roughly the same size as the amount of content above it, so I doubled the content amount in one section of it and the gap got relatively larger.

I really wish I had an answer to this for you, but it's honestly so weird. Maybe there's just some strange DW hiccup that requires a hack fix to cancel it out that I just haven't heard about yet since I haven't done a lot of coding over there yet, but I honestly don't get why I'm not seeing an actual reason for it in the coding. :\
Dec. 12th, 2017 09:41 pm (UTC)
Hi Tess~

I love this code so much! is there a way to make it work with DW?

Thanks,

Beth
Dec. 14th, 2017 09:24 pm (UTC)
Hey! Sorry, but probably not at this time. I'm going to keep trying, but see here for more in-depth info on the issue! (Or... lack of, honestly.)