EvocativeOpulence
Perfectly Imperfect
Student Files
- Feel free to use whichever character sheet style you'd like as long as it includes the following:
- Name, age, gender, sexuality, role, some type of personality, history, likes, dislikes, and relationships
- I used this one for my character
-
[*][*]Code:
[COMMENT] ———the 11 variable tags (the ones starting with "--" are meant to be filled in with your own links + colours; i'd suggest having the "heading-text-colour" darker than the "cs-background-colour"; for the "quote-background-colour" only fill in your rgb value in place of the first 3 numbers, don't mess with that "0.2"——— [/COMMENT][border= /*CONTAINER*/ 0; --vertical-ycs-picture: url(https://i.pinimg.com/564x/b4/fd/96/b4fd969df36c6202a69ad04eae0ae69f.jpg) 50% 50%; --background-colour: #DDD7D1; --quote-background-colour: rgba(113, 90, 79, 0.2); --horizontal-top-pic: url(https://i.pinimg.com/564x/8f/c6/4b/8fc64b25d8afed85f372c1cacfac1ba1.jpg) 50% 10%; --button-1-colour: #8A6E61; --button-2-colour: #7F726B; --button-3-colour: #797573; --cs-background-colour: #B4907F; --heading-background-colour: #EAE6E2; --heading-text-colour: #715A4F; --small-icon-top-right: url(https://i.pinimg.com/originals/b4/75/50/b4755092f378cc1a06ae2e5e0c5ad397.png) 50% 50% no-repeat; box-sizing: border-box; padding: 10px; position: relative; background: var(--background-colour); margin: auto; max-width: 430px; height: 360px;][border=0; box-sizing: border-box; padding: 0; position: relative; height: 100%; width: 100%; z-index: 1;][border= /*VERTICAL PIC*/ 0; box-sizing: border-box; padding: 0; position: absolute; bottom: 0; right: 0; height: 290px; width: 127px; background: var(--vertical-ycs-picture); background-size: cover; z-index: 4; overflow: hidden;][border= /*hidden scroll*/ 0; box-sizing: border-box; padding: 0; position: relative; height: 290px; width: 200%; overflow: auto;][border= /*QUOTE*/ 0; box-sizing: border-box; padding: 0; height: 290px; position: relative; margin-top: 290px; width: 127px; background: var(--quote-background-colour); display: flex; justify-content: center; align-items: center; text-align: center; font-variant: small-caps; color: white; font-size: 13px; font-weight: bold; letter-spacing: 0.07em;][COMMENT] ———ADD THE QUOTE THAT SCROLLS ON YCS PIC HERE——— [/COMMENT]tell me something nice ‘bout your favourite girl[/border][/border][/border][border= /*tabs + text box container*/ 0; box-sizing: border-box; padding: 0; position: relative; width: calc(100% - 50px); height: 100%; display: flex; justify-content: center; z-index: 2;][border= /*HORIZONTAL PIC*/ 0; box-sizing: border-box; padding: 0; position: absolute; background: var(--horizontal-top-pic); background-size: cover; top: 0; left: 0; height: 100px; width: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none;][border= /*BUTTON 1*/ 0; box-sizing: border-box; padding: 0; position: relative; height: 22px; width: 22px; border-radius: 100%; background: var(--button-1-colour); margin-right: 37px;][/border][border= /*BUTTON 2*/ 0; box-sizing: border-box; padding: 0; position: relative; height: 22px; width: 22px; border-radius: 100%; background: var(--button-2-colour); margin-right: 37px;][/border][border= /*BUTTON 3*/ 0; box-sizing: border-box; padding: 0; position: relative; height: 22px; width: 22px; border-radius: 100%; background: var(--button-3-colour);][/border][/border][border= /*tabs*/ 0; box-sizing: border-box; padding: 38px 0 0 0; width: 209px; color: white; text-align: justify; font-size: 11px; line-height: 14px;][tabs][tab=.][border= /*PAGE 1*/ 0; box-sizing: border-box; padding: 10px; width: calc(100% - 87px); height: 230px; background: var(--cs-background-colour); position: absolute; left: 0; bottom: 0; overflow: hidden;][border= /*hidden scroll*/ 0; box-sizing: border-box; padding: 0; position: relative; width: 200%; height: 210px; overflow: auto;][border= /*TAB 1 TEXT*/ 0; box-sizing: border-box; padding: 0; position: relative; width: 50%;][COMMENT] ———CONTENT INSIDE TAB 1 STARTS FROM HERE——— —the "heading" tag is for major headings like "basics", "persona", "history", etc— [/COMMENT][border= /*HEADING*/ 0; box-sizing: border-box; padding: 0 0 10px 0; background: var(--cs-background-colour); position: sticky; top: 0;][border=0; box-sizing: border-box; padding: 1px 0 2px 0; background: var(--heading-background-colour); text-align: center; color: var(--heading-text-colour); letter-spacing: 0.05em; font-weight: bold;]basics[/border][/border] [b][i]NAME.[/i][/b] [right][i]answer.[/i][/right] [b][i]NICKNAME(S).[/i][/b] [right][i]answer.[/i][/right] [b][i]AGE.[/i][/b] [right][i]answer.[/i][/right] [b][i]D.O.B.[/i][/b] [right][i]answer.[/i][/right] [b][i]ZODIAC.[/i][/b] [right][i]answer.[/i][/right] [b][i]GENDER.[/i][/b] [right][i]answer.[/i][/right] [b][i]PRONOUNS.[/i][/b] [right][i]answer.[/i][/right] [b][i]SEXUALITY.[/i][/b][i][/i] [right][i]answer.[/i][/right] [b][i]ROMANTIC ORIENTATION.[/i][/b] [right][i]answer.[/i][/right] [border= /*HEADING*/ 0; box-sizing: border-box; padding: 0 0 10px 0; position: relative; margin-top: 28px; background: var(--cs-background-colour); position: sticky; top: 0;][border=0; box-sizing: border-box; padding: 1px 0 2px 0; background: var(--heading-background-colour); text-align: center; color: var(--heading-text-colour); letter-spacing: 0.05em; font-weight: bold; line-height: 14px;]visage[/border][/border] [b][i]FACE CLAIM.[/i][/b] [right][i]answer.[/i][/right] [b][i]HEIGHT.[/i][/b] [right][i]answer.[/i][/right] [b][i]BODY MODS.[/i][/b] [right][i]answer. answer. answer.[/i][/right] [b][i]BIRTHMARK(S).[/i][/b] [right][i]answer.[/i][/right] [b][i]SCAR(S).[/i][/b] [right][i]answer.[/i][/right] [b][i]IDENTIFIER.[/i][/b] [right][i]e.g. jewellery, hair colour, etc.[/i][/right][COMMENT] ———DON'T TYPE ANYTHING PAST THIS COMMENT——— [/COMMENT][/border][/border][/border][/tab][tab=.][border= /*PAGE 2*/ 0; box-sizing: border-box; padding: 10px; width: calc(100% - 87px); height: 230px; background: var(--cs-background-colour); position: absolute; left: 0; bottom: 0; overflow: hidden;][border= /*hidden scroll*/ 0; box-sizing: border-box; padding: 0; position: relative; width: 200%; height: 210px; overflow: auto;][border= /*TAB 2 TEXT*/ 0; box-sizing: border-box; padding: 0; position: relative; width: 50%;] [COMMENT] ———CONTENT INSIDE TAB 2 STARTS FROM HERE——— [/COMMENT][border= /*HEADING*/ 0; box-sizing: border-box; padding: 0 0 10px 0; background: var(--cs-background-colour); position: sticky; top: 0;][border=0; box-sizing: border-box; padding: 1px 0 2px 0; background: var(--heading-background-colour); text-align: center; color: var(--heading-text-colour); letter-spacing: 0.05em; font-weight: bold; line-height: 14px;]personality[/border][/border] [b][i]VIRTUES.[/i][/b] [right][i]answer. answer. answer.[/i][/right] [b][i]VICES.[/i][/b] [right][i]answer. answer. answer.[/i][/right] [b][i]FEARS.[/i][/b] [right][i]answer. answer. answer.[/i][/right] [border= /*HEADING*/ 0; box-sizing: border-box; padding: 0 0 10px 0; position: relative; margin-top: 28px; background: var(--cs-background-colour); position: sticky; top: 0;][border=0; box-sizing: border-box; padding: 1px 0 2px 0; background: var(--heading-background-colour); text-align: center; color: var(--heading-text-colour); letter-spacing: 0.05em; font-weight: bold; line-height: 14px;]misc[/border][/border] [b][i]LIKES.[/i][/b] [right][i]answer. answer. answer.[/i][/right] [b][i]DISLIKES.[/i][/b] [right][i]answer. answer. answer.[/i][/right] [b][i]HEALTH CONDITIONS.[/i][/b] [right][i]e.g. terminal illness. mental health issues. etc.[/i][/right] [b][i]THEME SONGS.[/i][/b] [right][i]answer. answer. answer.[/i][/right][COMMENT] ———DON'T TYPE ANYTHING PAST THIS COMMENT——— [/COMMENT][/border][/border][/border][/tab][tab=.][border= /*PAGE 3*/ 0; box-sizing: border-box; padding: 10px; width: calc(100% - 87px); height: 230px; background: var(--cs-background-colour); position: absolute; left: 0; bottom: 0; overflow: hidden;][border= /*hidden scroll*/ 0; box-sizing: border-box; padding: 0; position: relative; width: 200%; height: 210px; overflow: auto;][border= /*TAB 3 TEXT*/ 0; box-sizing: border-box; padding: 0; position: relative; width: 50%;][COMMENT] ———CONTENT INSIDE TAB 3 STARTS FROM HERE——— [/COMMENT][border= /*HEADING*/ 0; box-sizing: border-box; padding: 0 0 10px 0; background: var(--cs-background-colour); position: sticky; top: 0;][border=0; box-sizing: border-box; padding: 1px 0 2px 0; background: var(--heading-background-colour); text-align: center; color: var(--heading-text-colour); letter-spacing: 0.05em; font-weight: bold; line-height: 14px;]history[/border][/border] [right][i]answer. answer. answer.[/i][/right] [border= /*HEADING*/ 0; box-sizing: border-box; padding: 0 0 10px 0; position: relative; margin-top: 28px; background: var(--cs-background-colour); position: sticky; top: 0;][border=0; box-sizing: border-box; padding: 1px 0 2px 0; background: var(--heading-background-colour); text-align: center; color: var(--heading-text-colour); letter-spacing: 0.05em; font-weight: bold; line-height: 14px;]significant relationships[/border][/border] [b][i]PERSON.[/i][/b] [right][i]answer.[/i][/right] [b][i]PERSON.[/i][/b] [right][i]answer.[/i][/right] [b][i]PERSON.[/i][/b] [right][i]answer.[/i][/right][COMMENT] ———DON'T TYPE ANYTHING PAST THIS COMMENT——— [/COMMENT][/border][/border][/border][/tab][/tabs][/border][/border][border= /*SMALL ICON*/ 0; box-sizing: border-box; padding: 0; position: absolute; top: 0; right: 0; height: 40px; width: 40px; background: var(--small-icon-top-right); background-size: 100%;][/border][border= /*there was a part of the tabs visible so i hid it w this*/ 0; box-sizing: border-box; padding: 0; position: absolute; height: 10px; width: 100%; left: 0; top: 100px; background: var(--background-colour); z-index: 3;][/border][/border][/border][border= /*credit*/ 0; box-sizing: border-box; padding: 9px 0 0 0; font-size: 7px; text-align: center;][url=https://www.rpnation.com/threads/the-dark-ages-—-mobile-friendly-no-bbcode.471463/#post-10392668]code[/url] by valen t.[/border]
