I tried to annotate the code with enough notes to make the organization clear to those wanting to play with it, but it's still not the best given Wiki limitations. The following source code doesn't exactly work as-is, because I've gone through and replaced anything kind of customizable with a big loud label to show where things can be changed without breaking the layout. I'd recommend using a text editor and find-replacing stuff marked with a '!!!' (or you can ignore it and just copy the code on this page).
here's a brief description of what each of these values actually are:
show template key >>
variable
type
description
BACKGROUND-COLOR
color
background color of the whole template. you can google 'hex color picker' and copy the hex value of whatever you'd like.
BORDER-COLOR
color
color of the top & bottom lines sandwiching the layout.
IMAGE-FILENAME
file
pretty self-explanatory. width is set to 400px but it can be tweaked without breaking much.
DECO-SYMBOL-COLOR
color
text color of DECO-SYMBOL.
DECO-SYMBOL
text
the decoration over the name (in this case, the crescent moon). this site has a lot you can usually just paste in.
CHAR-NAME-COLOR
color
text color of CHAR-NAME.
CHAR-NAME
text
character name.
QUOTE-COLOR
color
text color of QUOTE.
QUOTE
text
some sort of quote or subtitle.
TEXT-BACKGROUND-COLOR
color
background color for the box containing the intro text and stats. in this example, it's pretty subtle (white over the BACKGROUND-COLOR which is already a super light cream)
INTRO-TEXT
text
the short passage under the quote.
INFO-TABLE-TXT-COLOR
color
text color for the stat labels.
TAB-TEXT-COLOR
color
text color for the navigation tabs.
TAB-BACKGROUND-COLOR
color
background color for the content under the tabs. it's also white here, so hard to notice.
TAB-BORDER-COLOR
color
color of the lines left and right sandwiching the tab content.
TEXT-COLOR
color
color of the body text under each tab.
HEADER-COLOR
color
color of the header text under each tab (and its underline).
LIKES/DISLIKES/OTHER-COLOR
color
accent colors for the table under the Personality tab.
*-RUMORS-COLOR
color
accent colors for the table under the Rumours tab.
INFO-TABLE-TXT-COLOR
color
text color of the credits at the bottom :D
---
image goes here
☽
— Name Name —
"quote quote"
Introduction text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Race
race
Clan
clan
Age
age
Nameday
nameday
Deity
deity
Marital Status
marital status
Occupation
occupation
Height
height
Weight
weight
General ❧
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Morbi tempus iaculis urna id. Neque viverra justo nec ultrices. Purus viverra accumsan in nisl nisi. Consequat ac felis donec et odio pellentesque. Cursus turpis massa tincidunt dui ut ornare lectus sit amet. Sit amet mauris commodo quis imperdiet massa. Orci ac auctor augue mauris augue neque gravida in. Faucibus nisl tincidunt eget nullam non. Accumsan lacus vel facilisis volutpat est velit. Massa sapien faucibus et molestie ac feugiat sed lectus vestibulum. Nunc id cursus metus aliquam eleifend mi. Commodo elit at imperdiet dui accumsan. Egestas diam in arcu cursus euismod quis viverra nibh cras. Nascetur ridiculus mus mauris vitae ultricies leo. Id venenatis a condimentum vitae sapien pellentesque habitant morbi tristique. Sed arcu non odio euismod lacinia at quis. Aliquam sem et tortor consequat id porta nibh.
Clothing ❧
Id aliquet risus feugiat in ante metus dictum. Eu sem integer vitae justo eget magna fermentum. Tempor orci eu lobortis elementum. Vitae suscipit tellus mauris a diam. Arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc. Nullam ac tortor vitae purus faucibus ornare suspendisse sed. Volutpat est velit egestas dui id ornare arcu odio ut. Lectus vestibulum mattis ullamcorper velit. Sit amet porttitor eget dolor morbi non arcu risus. Suscipit adipiscing bibendum est ultricies integer quis auctor. Sit amet luctus venenatis lectus magna fringilla. Libero nunc consequat interdum varius. Nisl vel pretium lectus quam id leo in vitae turpis. Ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Ultricies mi quis hendrerit dolor magna eget est.
Voice ❧
Nisi vitae suscipit tellus mauris a diam. Mi quis hendrerit dolor magna eget. Arcu dictum varius duis at consectetur lorem donec. Lectus magna fringilla urna porttitor rhoncus dolor purus non. Elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Adipiscing tristique risus nec feugiat in fermentum posuere. Id cursus metus aliquam eleifend mi in nulla. Eget aliquet nibh praesent tristique. Ultricies mi eget mauris pharetra et ultrices. Rutrum quisque non tellus orci ac auctor augue. Ultricies leo integer malesuada nunc vel risus commodo. Elit at imperdiet dui accumsan sit.
Habits ❧
In aliquam sem fringilla ut morbi tincidunt augue interdum velit. Sodales neque sodales ut etiam sit amet. Facilisis gravida neque convallis a cras semper auctor neque. Odio aenean sed adipiscing diam donec. Ipsum suspendisse ultrices gravida dictum. Id ornare arcu odio ut sem nulla. Vehicula ipsum a arcu cursus vitae congue mauris rhoncus. Mi in nulla posuere sollicitudin aliquam ultrices. Donec pretium vulputate sapien nec sagittis aliquam. Pharetra pharetra massa massa ultricies mi. Sed vulputate mi sit amet mauris commodo quis. A condimentum vitae sapien pellentesque. Massa eget egestas purus viverra accumsan. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Sodales ut etiam sit amet nisl purus in mollis. Sed egestas egestas fringilla phasellus faucibus scelerisque. Varius quam quisque id diam. At ultrices mi tempus imperdiet nulla malesuada. In fermentum et sollicitudin ac orci phasellus egestas.
Scelerisque in dictum non consectetur a erat nam at. Eu tincidunt tortor aliquam nulla facilisi. Dui id ornare arcu odio ut sem. In fermentum posuere urna nec tincidunt praesent semper feugiat. Justo eget magna fermentum iaculis eu non diam. Tempor commodo ullamcorper a lacus vestibulum sed arcu non. Elementum pulvinar etiam non quam lacus suspendisse faucibus. Amet volutpat consequat mauris nunc congue nisi vitae suscipit. Ornare aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Ac felis donec et odio pellentesque diam volutpat commodo. Et tortor consequat id porta nibh venenatis cras sed felis. Pharetra convallis posuere morbi leo urna molestie at. Vestibulum lectus mauris ultrices eros in. Vulputate dignissim suspendisse in est ante in nibh mauris.
LIKES
♦ yes
♦ yes
♦ yes
♦ yes
DISLIKES
♦ no
♦ no
♦ no
♦ no
OTHER
♦ Alignment: alignment
♦ Faults: faults
♦ Favorite Flavors: yum yum yum
♦ Favorite Color: some colors
Childhood ❧
Nunc in vehicula felis, ut eleifend est. Vestibulum at mauris neque. Suspendisse maximus porta nisi ut scelerisque. Aliquam orci odio, laoreet id dapibus non, accumsan id lacus.
Teenage ❧
Curabitur maximus ipsum et pretium eleifend. Morbi sit amet ex nec lectus semper blandit. Donec id ligula consectetur, consequat odio vitae, mattis augue. Nulla sed lacus odio. Pellentesque tortor odio, tempus in nisi vitae, commodo bibendum purus. Proin rutrum sapien sit amet finibus porttitor.
Present ❧
Aenean tempus dictum diam, porta ullamcorper erat egestas eu. Nulla eu nibh mi. In volutpat purus at ornare sodales. Ut magna enim, rhoncus pellentesque placerat non, egestas eu odio.
