xayah.
i return stronger than i left
use this to post your characters!
interest check thread
interest check thread
Code:
[border=0px; padding: 0;
--bigtext: #DB3232;
--boxbg: #898989;
--background: #494848;
--icon: #620E08;
--maintext: #161616;
--mainpic: url('image url');
][border=0px; width: 600px; height: 510px; background: transparent; margin: auto; position: relative;][border=0px; width: 600px; height: 510px; background-color: var(--background);][border=0px; padding: 0; margin: 0; width: auto; text-align: center; color: var(--bigtext); font-size: 30px; position: relative; z-index: 2; text-shadow: 2px 2px 2px var(--icon);][comment]
— header.
[/comment][font=Chonburi]QUOTE/LYRIC/WHATEVER.[/font][/border]
[border=0px; width: 225px; height: 330px; float: left; position: relative; z-index: 3; top: -20px;][comment]
— profile photo.
[/comment][border=0px; height: 140px; width: 155px; margin-top: 10px; margin-left: 20px; background-image: var(--mainpic); background-size: cover; background-position: 50% -25px;][/border][border=4px solid var(--bigtext); width: 147px; margin: auto; margin-left: 20px; padding: 3px 10px; font-family: times new roman; font-weight: bold; text-align: center; font-size: 15.5px; color: var(--bigtext); background-color: var(--icon);][comment]
— name here.
[/comment]「 NAME 」[/border]
[border=0px; height: 170px; width: 155px; background-color: var(--boxbg); margin-left: 20px; margin-top: -10px; overflow: hidden; color: var(--maintext); font-size: 12px; line-height: 120%;][comment]
— aesthetic images/extra section.
[/comment]
[CENTER][font=times new roman][B][SIZE=4]bloody knuckles.[/SIZE][/B][/font][/CENTER]
[border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden; padding-right: 20px;]
[border=0px; margin: auto; width: 130px; height: 110px; background-image: url('IMG URL'); background-size: cover;][/border]
[border=0px; margin: auto; width: 130px; height: 110px; background-image: url('IMG URL'); background-size: cover;][/border]
[border=0px; margin: auto; width: 130px; height: 110px; background-image: url('IMG URL'); background-size: cover; margin-bottom: 5px;][/border]
[border=0px; padding: 0; margin: auto; width: 300px; position: absolute; color: white; left: 162px; bottom: -55px;][SIZE=5]⇩[/SIZE][/border][/border][/border][/border][border=0px; width: 320px; margin-right: 10px; float: right; height: 390px; padding: 0; position: relative; z-index: 4; top: -10px; left: -10px;][comment]
— tabs.
[/comment]
[bg=0px; height: 400px; width: 320px; padding: 0; background-color: var(--boxbg); font-family: times new roman; font-size: 13.5px; line-height: 120%; margin-top: -20px;][tabs][tab=1][border=0px; padding: 0; margin: auto; height: 420px; center; color: var(--maintext);][border=0px; padding: 0; width: 300px; height: 350px; overflow: hidden;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 50px; padding-top: 20px;][border=4px solid var(--bigtext); width: 100px; padding: 3px 10px; text-align: center; margin: auto; margin-top: 5px; margin-bottom: 15px; margin-right: 30%; font-family: times new roman; font-weight: bold;font-size: 15.5px; color: var(--bigtext); background-color: var(--icon);][comment]
— tab 1: basics.
[/comment]「 BASICS 」[/border][SIZE=4][B]name[/B][/SIZE] — name | nickname.
[SIZE=4][B]title[/B][/SIZE]— title.
[SIZE=4][B]gender[/B][/SIZE] — gender [pro/nouns].
[SIZE=4][B]age[/B][/SIZE] — age.
[SIZE=4][B]birthday[/B][/SIZE] — month & day.
[SIZE=4][B]height[/B][/SIZE] — height.
[SIZE=4][B]ethnicity[/B][/SIZE] — ethnicity.
[SIZE=4][B]sexuality[/B][/SIZE] — sexuality.
[SIZE=4][B]occupation[/B][/SIZE] — occupation.
[/border][/border][/border][/tab]
[tab=2][border=0px; padding: 0; margin: auto; height: 420px; center; color: var(--maintext);][border=0px; padding: 0; width: 300px; height: 350px; overflow: hidden;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 50px; padding-top: 20px;][border=4px solid var(--bigtext); width: 120px; padding: 3px 10px; text-align: center; margin: auto; margin-top: 5px; margin-bottom: 15px; margin-right: 28%; font-family: times new roman; font-weight: bold;font-size: 15.5px; color: var(--bigtext); background-color: var(--icon);][comment]
— tab 2: persona.
[/comment]「 PERSONA 」[/border][SIZE=4][B]personality[/B][/SIZE]— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in mauris eu dui tincidunt vehicula a at metus. Cras tristique vel lorem sed scelerisque. Donec finibus ullamcorper enim quis tincidunt. Integer sed imperdiet sapien. Etiam varius at turpis et sollicitudin. Nulla ac accumsan nisi. Duis nec consectetur odio. Integer ligula enim, commodo non egestas vitae, fringilla in elit. Quisque enim libero, porttitor bibendum mauris a, accumsan accumsan mi.
Suspendisse pretium mi quis hendrerit laoreet. Quisque non mattis leo. Ut augue tellus, finibus sit amet viverra in, feugiat at ligula. Phasellus quam augue, vestibulum nec tristique non, iaculis sit amet felis. Aenean magna turpis, tincidunt ut sodales ut, dapibus at tellus. Morbi vulputate varius vulputate. Suspendisse in dapibus ante, ut scelerisque tellus. Nunc a maximus neque, ut semper ligula. Sed vulputate sapien nisl, vitae porttitor orci pulvinar sit amet. Quisque rutrum auctor neque, ac consectetur velit tincidunt in. Donec maximus mollis eros. Integer lobortis purus id tincidunt accumsan.
[SIZE=4][B]major arcana[/B][/SIZE]— here.
[SIZE=4][B]magic mark location[/B][/SIZE]— location on body | major arcana power.
[SIZE=4][B]virtues[/B][/SIZE]— here.
[SIZE=4][B]vices[/B][/SIZE]— here.
[SIZE=4][B]fears[/B][/SIZE]— here.
[/border][/border][/border][/tab]
[tab=3][border=0px; padding: 0; margin: auto; height: 420px; center; color: var(--maintext);][border=0px; padding: 0; width: 300px; height: 350px; overflow: hidden;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 50px; padding-top: 20px;][border=4px solid var(--bigtext); width: 110px; padding: 3px 10px; text-align: center; margin: auto; margin-top: 5px; margin-bottom: 15px; margin-right: 30%; font-family: times new roman; font-weight: bold; font-size: 15.5px; color: var(--bigtext); background-color: var(--icon);][comment]
— tab 3: history.
[/comment]「 HISTORY 」[/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in mauris eu dui tincidunt vehicula a at metus. Cras tristique vel lorem sed scelerisque. Donec finibus ullamcorper enim quis tincidunt. Integer sed imperdiet sapien. Etiam varius at turpis et sollicitudin. Nulla ac accumsan nisi. Duis nec consectetur odio. Integer ligula enim, commodo non egestas vitae, fringilla in elit. Quisque enim libero, porttitor bibendum mauris a, accumsan accumsan mi.
Suspendisse pretium mi quis hendrerit laoreet. Quisque non mattis leo. Ut augue tellus, finibus sit amet viverra in, feugiat at ligula. Phasellus quam augue, vestibulum nec tristique non, iaculis sit amet felis. Aenean magna turpis, tincidunt ut sodales ut, dapibus at tellus. Morbi vulputate varius vulputate. Suspendisse in dapibus ante, ut scelerisque tellus. Nunc a maximus neque, ut semper ligula. Sed vulputate sapien nisl, vitae porttitor orci pulvinar sit amet. Quisque rutrum auctor neque, ac consectetur velit tincidunt in. Donec maximus mollis eros. Integer lobortis purus id tincidunt accumsan.
[/border][/border][/border][/tab]
[tab=4][border=0px; padding: 0; margin: auto; height: 420px; center; color: var(--maintext);][border=0px; padding: 0; width: 300px; height: 350px; overflow: hidden;][border=0px; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 50px; padding-top: 20px;][border=4px solid var(--bigtext); width: 100px; padding: 3px 10px; text-align: center; margin: auto; margin-top: 5px; margin-bottom: 15px; margin-right: 30%; font-family: times new roman; font-weight: bold; font-size: 15.5px; color: var(--bigtext); background-color: var(--icon);][comment]
— tab 4: extra.
[/comment]「 EXTRA 」[/border][B]likes[/B]— here.
[B]dislikes[/B]— here.
[B]relationships[/B]— here.
[B]themes[/B]— here, here, and here.
[B]other[/B]—
[INDENT][fa]fa-caret-right[/fa] a few.[/INDENT]
[INDENT][fa]fa-caret-right[/fa] fun.[/INDENT]
[INDENT][fa]fa-caret-right[/fa] facts![/INDENT]
[/border][/border][/border][/tab][/tabs][/bg][bg=0px; height: 40px; width: 320px; background: var(--boxbg); position: relative; margin: auto; top: -400px; left: -10px; width: 300px; pointer-events: none; color: var(--bigtext); font-size: 20px; text-align: center;][comment]
— custom icons for tabs.
[/comment][border=0px; display: inline; padding: 0; text-shadow: 2px 2px 2px var(--icon);][fa]fas fa-home[/fa][/border][COLOR=transparent]\\\\/\[/COLOR][border=0px; display: inline; padding: 0; text-shadow: 2px 2px 2px var(--icon);][fa]fas fa-user[/fa][/border][COLOR=transparent]///\/\\[/COLOR][border=0px; display: inline; padding: 0; text-shadow: 2px 2px 2px var(--icon);][fa]fas fa-book[/fa][/border][COLOR=transparent]///\/\[/COLOR][border=0px; display: inline; padding: 0; text-shadow: 2px 2px 2px var(--icon);][fa]fas fa-camera-retro[/fa][/border][/bg][bg=0px; width: 300px; border-bottom: 6px solid var(--background); position: relative; z-index: 5; top: -418px;][/bg]
[/border][/border][/border][/border][border=0px; text-align: center; font-size: 11px; font-family: verdana; color: grey;]coded by solarsaphia.[/border]
Last edited: