holdenjc
short king
Code:
[border=0px; padding: 0;
--bigtext: #DB3232;
--boxbg: #898989;
--background: #494848;
--icon: #620E08;
--maintext: #161616;
--mainpic: url('https://i.pinimg.com/236x/b4/95/11/b49511a19896f9d14012e00dec751c27.jpg');
][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]BLESSED BE THE REBEL.[/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]「 KIM NGUYEN 」[/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('https://i.pinimg.com/564x/e1/87/e5/e187e5d32535fb95fc7e343d8b2ddfa7.jpg'); background-size: cover;][/border]
[border=0px; margin: auto; width: 130px; height: 110px; background-image: url('https://i.pinimg.com/564x/65/c5/38/65c5386c3273d1371ad5ed642b2d1bd5.jpg'); background-size: cover;][/border]
[border=0px; margin: auto; width: 130px; height: 110px; background-image: url('https://i.pinimg.com/564x/28/33/ce/2833ce62ba248ab40814fb0604dcb5e2.jpg'); 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] — nguyễn thị kim | kim thi nguyen.
[SIZE=4][B]title[/B][/SIZE]— the ringleader.
[SIZE=4][B]gender[/B][/SIZE] — female [she/her].
[SIZE=4][B]age[/B][/SIZE] — who knows.
[SIZE=4][B]height[/B][/SIZE] — taller than u.
[SIZE=4][B]sexuality[/B][/SIZE] — girls.
[/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]virtues[/B][/SIZE]— here.
[SIZE=4][B]vices[/B][/SIZE]— here.
[SIZE=4][B]fears[/B][/SIZE]— endless.
[/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]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]