tailor-made // [F2U]

sharkadelic

Info

Created: 1 year, 7 months ago
Creator: sharkadelic
Favorites: 2316

Profile

TAILOR-MADE

entry for the september coders' quarters challenge!

responsive layout custom colors character code intermediate code

hi again y'all i have another essay due tmrw but fuck it imma feed y'all first 💯 but lowkey tho i made this for one oc in particular lmao so u might have to change a lotta things to make it fit for ur ocs!! ok thats enough from me cuz i have a spanish test in a couple days OTL pray for me....

do not use WYSIWYG with this code!
i cannot help with any custom css related bugs! these codes are meant to be used on default toyhouse settings.
frankensteining and referencing is allowed, just credit me.
- as well, make sure all involved coders are also credited!
edit as much as you want! be sure to keep my credit in the code somewhere :)

featured: my meow meow ambrose, demo images from unsplash, & moodboard by togo

Ambrose anthemusa

" please cut along the dotted line. "

ALIASES blank, blank

PRONOUNS pro/oun/s

GENDER content

ORIENT. content

AGE 000 yrs

BIRTHDAY 00/00/XXXX

SPECIES or ethnicity

OCCUP. job, or not

Personality.

BOON / BANE

blah blah blah talk about ur character's personality here. also bc sometimes i see ppl put in traits for the bane and boon: a boon is something that is beneficial and a bane is one that is detrimental. i usually put those there as like, BIG traits that the character is formed around & are highlighted the most in their personality. also i stole them from the character creation screen from fire emblem fates cuz i thought they sounded cool. which they do btw!

abcd

mbti

XwX

enneagram

also this is probably a me thing but i usually end up writing like A LOT on character personalities bc all i write are coincidentally character-driven stories (orz) but if u don't write as much as i do, i have instructions in the code commented out somewhere on how to pretty this section up if u aren't writing a novel on personality traits.

likes something, another something, third thing, fourth thing, etc, etc. this will wrap

dislikes something, another something, third thing, fourth thing, etc, etc. this will wrap

positive

one
two
three

neutral

four
five
six

negative

seven
eight
nine

Subheader .

As you've probably noticed, none of these sections scroll! They all expand based on how much content is in each tab pane. This is honestly because I broke off my relationship with scrollbars since they just look so damn ugly on Google Chrome that I had to get rid of them. Like they're SO ugly it's unreal. Sorry not sorry, let's just hope y'all don't have pages of character backstory to go through. Anyways italic text bold text ~~strikethrough text~~

Subheader .

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Subheader .

Stats.

strength

constitution

dexterity

love

intelligence

wisdom

charisma

luck

Attributes.

strength

explanation of ability or other skill here. the box on the left will automatically center itself based on this column's overall height.

ability

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.

weakness

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.

Trivia .

trivia note
- longer trivia note... which honestly isn't that long
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
idk if i want these to be justified or left-aligned.... imma keep them like this for now

Design notes .

notes
yeah sorry no image this time. y'all will survive lmao
or you can put it in urself like it's not super hard or anything
also this section is like annoyingly long compared to the others on mobile it bugs me so much

the swan -

camille saint-saëns

the comfort of a laugh track -

roar

the flower garden -

joe hisaishi

flightless bird -

roar

by sharkadelic | from unsplash

Recent Images

No images.