• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Closed ► sox's laundry hamper [freebies] ◄

do you prefer simple, mobile friendly codes or complex codes made for monitors?

  • mobile friendly (cmon sox the future is now old man)

  • big and complex pls

  • complex AND mobile friendly step it up sox


Results are only viewable after voting.
*quickly copies codes in notebook*

Seriously, Amiga... Your coding is impeccable! I must say, I'm a fan already
 
Hi I love your codes so much!! They have such a unique, structured, and playful look??? IDK how to describe it, haha. Parallel is perhaps my favourite of the codes you've made!

I have a small request/question that might be a kind of strange, but: would I be able to use the code for the small, info boxes you put at the top of each code post? Where you talk about the code?

I'm planning on making an art thread and I'd like to have a small scrolling box where I can talk about the drawing I'm posting, but my own attempts at coding don't turn out very well LOL!

If you don't wish for anyone to use them I totally understand! ^^ <3
 
Hi I love your codes so much!! They have such a unique, structured, and playful look??? IDK how to describe it, haha. Parallel is perhaps my favourite of the codes you've made!

I have a small request/question that might be a kind of strange, but: would I be able to use the code for the small, info boxes you put at the top of each code post? Where you talk about the code?

I'm planning on making an art thread and I'd like to have a small scrolling box where I can talk about the drawing I'm posting, but my own attempts at coding don't turn out very well LOL!

If you don't wish for anyone to use them I totally understand! ^^ <3
omg thank u sm!! i don't mind at all, since it's just a hidden scroll box!! (even if it was more than that, i'm not very possessive of my codes lol) i added a teeny bit more padding since it cuts off on mobile without it and ive been too lazy to fix it, but here you go!

Code:
[div=background: #000; width:150px; height:130px; margin:auto; border: 1px solid #fff;overflow:hidden;][div=overflow:auto;width:145px; height:120px; padding:8px 15px 8px 8px; text-align:justify; font-size:10px;][COLOR=#fff]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. 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. [/COLOR]
[/div][/div]
 
omg thank u sm!! i don't mind at all, since it's just a hidden scroll box!! (even if it was more than that, i'm not very possessive of my codes lol) i added a teeny bit more padding since it cuts off on mobile without it and ive been too lazy to fix it, but here you go!

Code:
[div=background: #000; width:150px; height:130px; margin:auto; border: 1px solid #fff;overflow:hidden;][div=overflow:auto;width:145px; height:120px; padding:8px 15px 8px 8px; text-align:justify; font-size:10px;][COLOR=#fff]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. 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. [/COLOR]
[/div][/div]

OH yay, I'm so glad! TYSM! I honestly only need to change the bg/text colors (white text on black strains my eyes a bit but I at least know how to edit colors) but yeah! TY again, I'll be sure to credit you in my Main Post of the thread hehe! <3 <3 <3
 
OH yay, I'm so glad! TYSM! I honestly only need to change the bg/text colors (white text on black strains my eyes a bit but I at least know how to edit colors) but yeah! TY again, I'll be sure to credit you in my Main Post of the thread hehe! <3 <3 <3
anytime, love! you don't need to credit me for this, since it's not anything unique to me, so just go ahead and use it/change it however you want!
 
HERO - NOT MOBILE FRIENDLY

hello hello this code is dedicated to my favorite loser erised erised bc she demanded i name it after her. click the name to enter the sheet, and all the pics at the top are tabs to get to each hidden scroll. how many character sheets can sox make? who heckin knows anymore. please do not remove the credit! enjoy and lmk if u have any requests! c:

[class=bkgd] --bkgd-color: #000a24; --text-color: #fff; --accent-color1: #00acb5; --accent-color2: #9c0216; position: relative; margin-right: auto; margin-left: auto; width: 600px; height: 400px; background: var(--bkgd-color); overflow: hidden; border-radius: 10px; [/class] [class=slidebkgd] position: relative; width: 100%; height: 100%; background: var(--bkgd-color); [/class] [class=texture] position: absolute; background: url(https://www.onlygfx.com/wp-content/uploads/2019/02/7-noise-texture-overlays-5.png); width: 100%; height:100%; background-size: 100%; [/class] [class=name] position: absolute; width: 100%; height: auto; top: 62%; font-size: 60px; color: var(--text-color); text-transform: uppercase; font-weight: 700; line-height: 65px; text-align: left; letter-spacing: 3px; padding-left: 20px; transition-duration: 0.3s; [/class] [class name=name state=hover] color: var(--accent-color1); [/class] [class=line] position: absolute; height: 2px; background-color: var(--accent-color2); border-radius: 10px; [/class] [class=role] position: absolute; width: 79%; height: auto; top: 51%; font-size: 20px; color: var(--accent-color1); text-transform: uppercase; font-weight: 400; font-style: italic; line-height: 32px; text-align: right; letter-spacing: 0px; padding-right: 0px; transition-duration: 0.3s; [/class] [class=circlepic] position: absolute; border-radius: 100px; border: 2px solid var(--accent-color2); [/class] [class=homecircle] width: 100px; height: 100px; top: 45%; left: 80%; background: url(https://i.pinimg.com/474x/fe/90/f0/fe90f08bdbd1758dad6cfbf99ce8ed8f.jpg); background-size: 100%; [/class] [class=linecircle] width: 110px; height: 110px; top: 5%; [/class] [class=linecircle1] left: 4%; background: url(https://i.pinimg.com/474x/a0/e5/94/a0e59498c2cab474a02632e87ec966ce.jpg); background-size: 100%; [/class] [class=linecircle2] left: 28%; background: url(https://i.pinimg.com/474x/6d/b0/d6/6db0d69493fb7470b0ced8f324636ee2.jpg); background-size: 100%; [/class] [class=linecircle3] left: 52%; background: url(https://i.pinimg.com/474x/ab/9f/24/ab9f2458ce55cb4d993d6192affe26dc.jpg); background-size: 100%; [/class] [class=linecircle4] left: 76%; background: url(https://i.pinimg.com/474x/43/b5/fa/43b5fafd994be4efb821dfc312581eac.jpg); background-size: 100%; [/class] [class=linehover] position: relative; border-radius: 100px; width: 110px; height: 110px; top: 0px; background: var(--accent-color2); text-align: center; color: var(--text-color); font-size: 12px; line-height: 110px; text-transform: uppercase; [/class] [class=header] position: absolute; width: 500px; height: auto; left: -215px; top: 32%; font-size: 25px; color: var(--accent-color1); text-transform: uppercase; font-weight: 700; font-style: italic; line-height: 32px; text-align: left; letter-spacing: 2px; padding-left: 30px; transform: rotate(-90deg); [/class] [class=textcontainer] position: absolute; width: 550px; height: 220px; top: 40%; left: 18%; overflow: hidden; [/class] [class=text] position: relative; width: 470px; height: 220px; padding-right: 50px; overflow: auto; font-size: 10px; line-height: 12px; text-align: justify; white-space: pre-wrap; color: var(--text-color); [/class] [class=tag] position: relative; display: inline; width: auto; height: auto; color: var(--accent-color1); text-transform: uppercase; margin-right: 5px; text-decoration: underline; font-weight: 700; letter-spacing: 1px; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.25; [/class] [script class=button on=click] addClass slideup slidebkgd [/script] [class=slideup] animation-name: {post_id}slup; animation-duration: 1.7s; animation-fill-mode: forwards; [/class] [animation=slup] [keyframe=0]transform: translateY(0%);[/keyframe] [keyframe=100]transform: translateY(-100%);visibility:hidden;[/keyframe] [/animation] [class=hidden] display:none; [/class] [script class=linecircle1 on=mouseenter] fadeIn 0200 linehover1 [/script] [script class=linecircle1 on=mouseleave] fadeOut 0200 linehover1 [/script] [script class=linecircle2 on=mouseenter] fadeIn 0200 linehover2 [/script] [script class=linecircle2 on=mouseleave] fadeOut 0200 linehover2 [/script] [script class=linecircle3 on=mouseenter] fadeIn 0200 linehover3 [/script] [script class=linecircle3 on=mouseleave] fadeOut 0200 linehover3 [/script] [script class=linecircle4 on=mouseenter] fadeIn 0200 linehover4 [/script] [script class=linecircle4 on=mouseleave] fadeOut 0200 linehover4 [/script] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} basics) (fadeIn 400 tabsContent1) if (eq ${currentTab} persona) (fadeIn 400 tabsContent2) if (eq ${currentTab} background) (fadeIn 400 tabsContent3) if (eq ${currentTab} misc.) (fadeIn 400 tabsContent4) [/script] [div class=bkgd] [div class=texture][/div] [div class=line style="width: 100%;top: 18%;"][/div] [div class=line style="width: 100%;top: 22%;"][/div] [div class=line style="width: 2px; height: 100%; left: 72px; color: var(--text-color);"][/div] [div class=line style="width: 2px; height: 100%; left: 87px; color: var(--text-color);"][/div] [div class="circlepic linecircle linecircle1 tab"][div class="linehover linehover1 hidden"]basics[/div][/div] [div class="circlepic linecircle linecircle2 tab"][div class="linehover linehover2 hidden"]persona[/div][/div] [div class="circlepic linecircle linecircle3 tab"][div class="linehover linehover3 hidden"]background[/div][/div] [div class="circlepic linecircle linecircle4 tab"][div class="linehover linehover4 hidden"]misc.[/div][/div] [div class="header tabsContent tabsContent1"]basics.[/div] [div class="header tabsContent tabsContent2 hidden"]persona.[/div] [div class="header tabsContent tabsContent3 hidden"]background.[/div] [div class="header tabsContent tabsContent4 hidden"]misc.[/div] [div class="textcontainer tabsContent tabsContent1"][div class=text][div class=tag]name:[/div]Hero [div class=tag]nickname:[/div]Just Hero. Call her anything else and you'll have bigger problems than a damn nickname on your hands. [div class=tag]age:[/div]27 [div class=tag]gender:[/div]Female [div class=tag]sexuality:[/div]Heterosexual [div class=tag]role:[/div]The Hero: not a superhero, but rather a hero who gives people the power to save themselves. [div class=tag]faceclaim:[/div]Sunmi [div class=tag]hair color:[/div]Black [div class=tag]eye color:[/div]Black [div class=tag]height/weight:[/div]5' 8" [div class=tag]distinguishing features:[/div]A mole on her cheek underneath her left eye [div class=tag]body mods:[/div]Hero has several ear piercings, all of which she has hoops in at all times. [div class=tag]ailments:[/div]While she refuses to show it, Hero suffers from the beginnings of rheumatoid arthritis and cannot run for long. She is also not the most mentally mature. [/div][/div] [div class="textcontainer tabsContent tabsContent2 hidden"][div class=text][div class=tag]vices:[/div]Mi sit amet mauris commodo quis imperdiet massa. Tincidunt vitae semper quis lectus nulla. Vestibulum lorem sed risus ultricies. Aliquam vestibulum morbi blandit cursus risus. [div class=tag]virtues:[/div]Amet consectetur adipiscing elit duis tristique sollicitudin. Auctor neque vitae tempus quam pellentesque nec nam aliquam sem. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas. Sed blandit libero volutpat sed cras ornare arcu dui vivamus. Enim diam vulputate ut pharetra. Ac orci phasellus egestas tellus rutrum. Suspendisse ultrices gravida dictum fusce ut. [div class=tag]strengths:[/div]Neque sodales ut etiam sit amet nisl purus in mollis. Quam quisque id diam vel quam elementum pulvinar. Sit amet nulla facilisi morbi tempus iaculis urna id volutpat. Vel eros donec ac odio tempor orci. Viverra accumsan in nisl nisi scelerisque eu. Mauris nunc congue nisi vitae. [div class=tag]weaknesses:[/div]Dignissim diam quis enim lobortis scelerisque fermentum dui faucibus. Ut tortor pretium viverra suspendisse potenti nullam. Amet nisl purus in mollis. Risus viverra adipiscing at in tellus integer feugiat scelerisque varius. Diam volutpat commodo sed egestas egestas fringilla. [div class=tag]likes:[/div]In aliquam sem fringilla ut. Tincidunt lobortis feugiat vivamus at augue eget arcu. Est lorem ipsum dolor sit amet consectetur adipiscing. Ut etiam sit amet nisl purus in. Facilisis sed odio morbi quis commodo. [div class=tag]dislikes:[/div]Mauris ultrices eros in cursus turpis massa tincidunt. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod. Lectus arcu bibendum at varius vel pharetra. Elementum eu facilisis sed odio morbi quis. [div class=tag]fears:[/div]Condimentum id venenatis a condimentum vitae sapien pellentesque. A diam sollicitudin tempor id. Non quam lacus suspendisse faucibus interdum posuere lorem. Eu consequat ac felis donec et odio pellentesque diam. Id cursus metus aliquam eleifend mi in nulla posuere. Sit amet nisl suscipit adipiscing. [/div][/div] [div class="textcontainer tabsContent tabsContent3 hidden"][div class=text][div class=tag]family:[/div]Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas. [div class=tag]residence:[/div]Sed blandit libero volutpat sed cras ornare arcu dui vivamus. Enim diam vulputate ut pharetra. [div class=tag]education:[/div]Ac orci phasellus egestas tellus rutrum. Suspendisse ultrices gravida dictum fusce ut. [div class=tag]history:[/div]Neque sodales ut etiam sit amet nisl purus in mollis. Quam quisque id diam vel quam elementum pulvinar. Sit amet nulla facilisi morbi tempus iaculis urna id volutpat. Vel eros donec ac odio tempor orci. Viverra accumsan in nisl nisi scelerisque eu. Mauris nunc congue nisi vitae. Dignissim diam quis enim lobortis scelerisque fermentum dui faucibus. Ut tortor pretium viverra suspendisse potenti nullam. Amet nisl purus in mollis. Risus viverra adipiscing at in tellus integer feugiat scelerisque varius. Diam volutpat commodo sed egestas egestas fringilla. In aliquam sem fringilla ut. Tincidunt lobortis feugiat vivamus at augue eget arcu. Est lorem ipsum dolor sit amet consectetur adipiscing. Ut etiam sit amet nisl purus in. Facilisis sed odio morbi quis commodo. Mauris ultrices eros in cursus turpis massa tincidunt. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod. Lectus arcu bibendum at varius vel pharetra. Elementum eu facilisis sed odio morbi quis. Condimentum id venenatis a condimentum vitae sapien pellentesque. A diam sollicitudin tempor. Nunc congue nisi vitae suscipit tellus mauris. Quis commodo odio aenean sed adipiscing. Auctor augue mauris augue neque gravida in fermentum et. Mus mauris vitae ultricies leo integer malesuada nunc vel risus. Amet est placerat in egestas erat imperdiet sed. Lorem ipsum dolor sit amet consectetur. [/div][/div] [div class="textcontainer tabsContent tabsContent4 hidden"][div class=text][div class=tag]theme song:[/div]Heroine by Sunmi [div class=tag]mbti type:[/div]ENTP [div class=tag]enneagram type:[/div]9 [div class=tag]other:[/div] [div class=tag]relationships:[/div]
  • In aliquam sem fringilla ut. Tincidunt lobortis feugiat vivamus at augue eget arcu. Est lorem ipsum dolor sit amet consectetur adipiscing. Ut etiam sit amet nisl purus in. Facilisis sed odio morbi quis commodo.
  • Mauris ultrices eros in cursus turpis massa tincidunt. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod. Lectus arcu bibendum at varius vel pharetra. Elementum eu facilisis sed odio morbi quis. Condimentum id venenatis a condimentum vitae sapien pellentesque. A diam sollicitudin tempor.
  • Nunc congue nisi vitae suscipit tellus mauris. Quis commodo odio aenean sed adipiscing. Auctor augue mauris augue neque gravida in fermentum et. Mus mauris vitae ultricies leo integer malesuada nunc vel risus. Amet est placerat in egestas erat imperdiet sed. Lorem ipsum dolor sit amet consectetur.
  • Turpis egestas integer eget aliquet nibh praesent tristique. Dictum sit amet justo donec enim diam vulputate ut pharetra. Suscipit tellus mauris a diam maecenas sed enim ut sem. Etiam tempor orci eu lobortis elementum nibh. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Sed tempus urna et pharetra pharetra.
  • At elementum eu facilisis sed. Ultrices mi tempus imperdiet nulla malesuada pellentesque. Dictum at tempor commodo ullamcorper a. Dui vivamus arcu felis bibendum ut tristique et egestas quis. Purus gravida quis blandit turpis cursus. Senectus et netus et malesuada fames ac. Purus sit amet volutpat consequat mauris nunc congue.
  • Non quam lacus suspendisse faucibus interdum posuere lorem. Eu consequat ac felis donec et odio pellentesque diam. Id cursus metus aliquam eleifend mi in nulla posuere. Sit amet nisl suscipit adipiscing.
  • Ut etiam sit amet nisl purus. Viverra adipiscing at in tellus integer feugiat. Mattis vulputate enim nulla aliquet porttitor lacus. Ut pharetra sit amet aliquam. Libero id faucibus nisl tincidunt eget nullam non.
  • Massa id neque aliquam vestibulum morbi blandit. In vitae turpis massa sed elementum tempus egestas sed sed. Luctus accumsan tortor posuere ac ut consequat. Mattis aliquam faucibus purus in massa tempor nec feugiat.
[/div][/div] [div class=slidebkgd] [div class=texture][/div] [div class=line style="width: 94%;top: 58%;left: 3%;"][/div] [div class="name button"]it's
your choice.
[/div] [div class=role]the hero.[/div] [div class="circlepic homecircle"][/div] [/div] [/div] [div class=credit]code by sox sox [/div]
pastebin: xxx
 
Last edited:
MMmMmM the name of that last code and the aesthetics, i LOVE 👌🏼

but also here to be a butt and tell u that it's hard to read on light mode sdfsjdkf
 
HERO - NOT MOBILE FRIENDLY

hello hello this code is dedicated to my favorite loser erised erised bc she demanded i name it after her. click the name to enter the sheet, and all the pics at the top are tabs to get to each hidden scroll. how many character sheets can sox make? who heckin knows anymore. please do not remove the credit! enjoy and lmk if u have any requests! c:

i have never felt so honored in my entire life
it's not every day someone can have a code named after them and be someone's favorite loser too
brb gonna go cry
 
ILLUSION - MOBILE FRIENDLY

i have a midterm in an hour that i 100% have not studied for but here i am, coding instead of attempting to remedy that aha aha aha anywaysss the tabs are on the right, click the button on the far right to go back to the pic, and all the text boxes scroll. please do not remove the credit! enjoy and lmk if u have any requests! c:

[class=bkgd] --border-color: #fff; --color1: #453A34; --color2: #7A352D; --color3: #BDABA8; --color4: #51B2C5; --color5: #1A5A66; --text-color: #fff; position: relative; width: 280px; height: 385px; margin-right: auto; margin-left: auto; background: url(https://i.pinimg.com/564x/e0/0f/7f/e00f7f3debd8ef0f4422ce8ef200f395.jpg); background-size: 100%; background-position: 0% 70%; border: 1px solid var(--border-color); overflow: visible; margin-top: 40px; cursor: url('https://i.imgur.com/FMvuswx.png'), auto; [/class] [class=name] position: absolute; top: -35px; height: 25px; width: 259px; text-align: left; text-transform: uppercase; font-weight: 400; font-style: normal; font-size: 20px; line-height: 25px; color: var(--text-color); border: 1px solid var(--border-color); padding: 0px 10px 0px 10px; [/class] [class=role] position: absolute; top: 183px; left: -212px; height: 18px; width: 365px; transform: rotate(-90deg); text-align: left; text-transform: uppercase; font-weight: 400; font-style: normal; font-size: 13px; line-height: 18px; color: var(--text-color); border: 1px solid var(--border-color); padding: 0px 10px 0px 10px; [/class] [class=back] position: absolute; top: 22px; left: 265px; height: 12px; width: auto; transform: rotate(90deg); text-align: left; text-transform: uppercase; font-weight: 400; font-style: normal; font-size: 8px; line-height: 12px; color: var(--text-color); border: 1px solid var(--border-color); padding: 0px 10px 0px 10px; letter-spacing: 0px; [/class] [class=tab] position: absolute; border: 1px solid var(--border-color); transition-duration: 0.3s; color: var(--text-color); text-transform: uppercase; [/class] [class=tabs] height: 65px; width: 10px; border: 1px solid var(--border-color); left: 260px; font-size: 8px; line-height: 10px; writing-mode: vertical-rl; text-orientation: mixed; text-align: center; letter-spacing: 2px; [/class] [class name=tab state=hover] background-color: var(--border-color); transition-duration: 0.3s; color: #000; [/class] [class=tab1] top: 10px; [/class] [class=tab2] top: 85px; [/class] [class=tab3] top: 160px; [/class] [class=tab4] top: 235px; [/class] [class=tab5] top: 310px; [/class] [class=col1] background-color: var(--color1); [/class] [class=col2] background-color: var(--color2); [/class] [class=col3] background-color: var(--color3); [/class] [class=col4] background-color: var(--color4); [/class] [class=col5] background-color: var(--color5); [/class] [class=header] position: absolute; width: auto; height: 27px; left: 12px; top: 12px; color: var(--text-color); font-size: 15px; line-height: 30px; text-align: left; text-transform: uppercase; padding: 0px 10px 0px 10px; [/class] [class=headerbar] position: absolute; width: 240px; height: 30px; left: 10px; border: 1px solid var(--border-color); top: 10px; [/class] [class=headerline] position: absolute; width: 96%; height: 1px; background-color: var(--border-color); top: 15px; [/class] [class=textcontainer] position: absolute; width: 240px; height: 325px; left: 10px; border: 1px solid var(--border-color); top: 50px; overflow: hidden; [/class] [class=text] position: relative; width: 225px; height: 310px; color: var(--text-color); overflow: auto; font-size: 10px; line-height: 12px; text-align: justify; text-transform: lowercase; padding: 10px 22px 5px 10px; [/class] [class=tag] position: relative; overflow: visible; display: inline; width: auto; height: auto; border: 1px solid var(--border-color); font-size: 9px; text-align: center; margin-right: 3px; padding: 1px 3px 1px 3px; text-transform: uppercase; color: var(--text-color); font-weight: 400; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #dedede; opacity: 0.25; [/class] [class=hidden] display: none; [/class] [class=breaks] white-space: pre-wrap; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} collapse) (fadeIn 400 tabsContent0) if (eq ${currentTab} one) (fadeIn 400 tabsContent1) if (eq ${currentTab} two) (fadeIn 400 tabsContent2) if (eq ${currentTab} three) (fadeIn 400 tabsContent3) if (eq ${currentTab} four) (fadeIn 400 tabsContent4) if (eq ${currentTab} five) (fadeIn 400 tabsContent5) [/script] [div class=bkgd] [div class="name col1"]illusion[/div] [div class="role col5"]the pirate king[/div] [div class="back tab col2"]collapse[/div] [div class="tab tabs tab1 col1"]one[/div] [div class="tab tabs tab2 col2"]two[/div] [div class="tab tabs tab3 col3"]three[/div] [div class="tab tabs tab4 col4"]four[/div] [div class="tab tabs tab5 col5"]five[/div] [div class="headerbar col1 hidden tabsContent tabsContent1"][div class=headerline][/div][/div] [div class="headerbar col2 hidden tabsContent tabsContent2"][div class=headerline][/div][/div] [div class="headerbar col3 hidden tabsContent tabsContent3"][div class=headerline][/div][/div] [div class="headerbar col4 hidden tabsContent tabsContent4"][div class=headerline][/div][/div] [div class="headerbar col5 hidden tabsContent tabsContent5"][div class=headerline][/div][/div] [div class="header col1 hidden tabsContent tabsContent1"]basics + appearance[/div] [div class="header col2 hidden tabsContent tabsContent2"]persona[/div] [div class="header col3 hidden tabsContent tabsContent3"]backstory[/div] [div class="header col4 hidden tabsContent tabsContent4"]misc. + relationships[/div] [div class="header col5 hidden tabsContent tabsContent5"]gallery[/div] [div class="textcontainer col1 hidden tabsContent tabsContent1 breaks"][div class=text][div class=tag]name[/div] park seonghwa [div class=tag]nickname[/div] seonghwa [div class=tag]age[/div] 21 [div class=tag]gender[/div] male [div class=tag]sexuality[/div] heterosexual [div class=tag]role[/div] the pirate king [div class=tag]hair color[/div] dark brown [div class=tag]eye color[/div] dark brown [div class=tag]height[/div] 6'0" [div class=tag]weight[/div] 186 lbs [div class=tag]distinguishing features[/div] sharp jawline [div class=tag]body mods[/div] several ear piercings [div class=tag]attire[/div] x x x [div class=tag]ailments[/div] can't keep his tongue in his mouth [/div][/div] [div class="textcontainer col2 hidden tabsContent tabsContent2 breaks"][div class=text][div class=tag]vices[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultricies lacus sed turpis tincidunt id aliquet risus. Eget dolor morbi non arcu. Ac turpis egestas integer eget aliquet. [div class=tag]virtues[/div] Morbi quis commodo odio aenean sed adipiscing diam. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Platea dictumst vestibulum rhoncus est. Adipiscing bibendum est ultricies integer quis auctor elit. Ipsum nunc aliquet bibendum enim. Et netus et malesuada fames ac turpis. Ipsum consequat nisl vel pretium lectus quam. [div class=tag]likes[/div] Habitant morbi tristique senectus et netus. Cras semper auctor neque vitae tempus. Nulla pharetra diam sit amet nisl suscipit adipiscing bibendum. Ultricies leo integer malesuada nunc vel risus commodo. [div class=tag]dislikes[/div] Sagittis vitae et leo duis ut. Libero justo laoreet sit amet cursus sit amet dictum. Tellus elementum sagittis vitae et leo. Non blandit massa enim nec dui nunc mattis enim ut. Lectus sit amet est placerat in egestas erat imperdiet sed. Placerat duis ultricies lacus sed turpis. [div class=tag]strengths[/div] Tincidunt id aliquet risus feugiat in. Ipsum dolor sit amet consectetur adipiscing. Morbi tristique senectus et netus. Lacus suspendisse faucibus interdum posuere lorem. Nunc vel risus commodo viverra maecenas accumsan lacus. Quis imperdiet massa tincidunt nunc. Ac turpis egestas sed tempus urna et pharetra. [div class=tag]weaknesses[/div] Velit euismod in pellentesque massa placerat duis ultricies lacus. Tortor dignissim convallis aenean et tortor at risus. Vitae justo eget magna fermentum iaculis eu non diam. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Tortor posuere ac ut consequat semper viverra nam. Morbi tincidunt augue interdum velit euismod in. [div class=tag]fears[/div] Fringilla urna porttitor rhoncus dolor purus non enim praesent. A erat nam at lectus urna. Morbi tincidunt ornare massa eget egestas purus. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Enim sit amet venenatis urna cursus eget nunc scelerisque. Elementum nisi quis eleifend quam adipiscing vitae proin sagittis. [div class=tag]ambitions[/div] Adipiscing tristique risus nec feugiat in fermentum posuere urna nec. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue. Viverra adipiscing at in tellus integer feugiat. [/div][/div] [div class="textcontainer col3 hidden tabsContent tabsContent3 breaks"][div class=text][div class=tag]family[/div] Eget dolor morbi non arcu. Ac turpis egestas integer eget aliquet. Morbi quis commodo odio aenean sed adipiscing diam. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla pellentesque. Platea dictumst vestibulum rhoncus est. [div class=tag]residence[/div] Adipiscing bibendum est ultricies integer quis auctor elit. Ipsum nunc aliquet bibendum enim. [div class=tag]education[/div] Et netus et malesuada fames ac turpis. Ipsum consequat nisl vel pretium lectus quam. Habitant morbi tristique senectus et netus. Cras semper auctor neque vitae tempus. [div class=tag]occupation[/div] Nulla pharetra diam sit amet nisl suscipit adipiscing bibendum. [div class=tag]history[/div] Sagittis vitae et leo duis ut. Libero justo laoreet sit amet cursus sit amet dictum. Tellus elementum sagittis vitae et leo. Non blandit massa enim nec dui nunc mattis enim ut. Lectus sit amet est placerat in egestas erat imperdiet sed. Placerat duis ultricies lacus sed turpis. Tincidunt id aliquet risus feugiat in. Ipsum dolor sit amet consectetur adipiscing. Morbi tristique senectus et netus. Lacus suspendisse faucibus interdum posuere lorem. Nunc vel risus commodo viverra maecenas accumsan lacus. Quis imperdiet massa tincidunt nunc. Ac turpis egestas sed tempus urna et pharetra. Velit euismod in pellentesque massa placerat duis ultricies lacus. Tortor dignissim convallis aenean et tortor at risus. Vitae justo eget magna fermentum iaculis eu non diam. Eu scelerisque felis imperdiet proin fermentum leo vel orci porta. Tortor posuere ac ut consequat semper viverra nam. Morbi tincidunt augue interdum velit euismod in. Fringilla urna porttitor rhoncus dolor purus non enim praesent. A erat nam at lectus urna. Morbi tincidunt ornare massa eget egestas purus. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Enim sit amet venenatis urna cursus eget nunc scelerisque. Elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Adipiscing tristique risus nec feugiat in fermentum posuere urna nec. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue. Viverra adipiscing at in tellus integer feugiat. Urna nec tincidunt praesent semper feugiat nibh sed. Congue nisi vitae suscipit tellus mauris a diam maecenas. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. At augue eget arcu dictum varius duis at consectetur lorem. Mattis nunc sed blandit libero volutpat sed cras. Ut tristique et egestas quis ipsum. Lacinia quis vel eros donec ac odio tempor. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Amet nisl purus in mollis nunc sed id semper. Volutpat blandit aliquam etiam erat velit scelerisque. Condimentum id venenatis a condimentum vitae sapien. Lectus arcu bibendum at varius vel pharetra vel. Cursus in hac habitasse platea dictumst quisque sagittis purus sit. Mattis rhoncus urna neque viverra justo nec ultrices dui. Magna fringilla urna porttitor rhoncus dolor purus non enim praesent. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. Rhoncus mattis rhoncus urna neque viverra justo nec. Ac auctor augue mauris augue. Fames ac turpis egestas integer eget aliquet nibh praesent. Vulputate dignissim suspendisse in est ante in. Enim ut tellus elementum sagittis. Sit amet cursus sit amet dictum sit. Hendrerit dolor magna eget est lorem ipsum dolor sit. Leo urna molestie at elementum eu facilisis sed odio. Tellus rutrum tellus pellentesque eu tincidunt tortor. [/div][/div] [div class="textcontainer col4 hidden tabsContent tabsContent4 breaks"][div class=text][div class=tag]theme song[/div] illusion by ateez [div class=tag]hobbies[/div] dancing, swimming, singing, cooking, cleaning [div class=tag]mbti type[/div] infp [div class=tag]enneagram type[/div] 4 [div class=tag style="display: block;"]relationships[/div]
  • one: Sit amet cursus sit amet dictum sit. Hendrerit dolor magna eget est lorem ipsum dolor sit. Leo urna molestie at elementum eu facilisis sed odio. Tellus rutrum tellus pellentesque eu tincidunt tortor.
  • two: Sit amet cursus sit amet dictum sit. Hendrerit dolor magna eget est lorem ipsum dolor sit. Leo urna molestie at elementum eu facilisis sed odio. Tellus rutrum tellus pellentesque eu tincidunt tortor.
  • three: Sit amet cursus sit amet dictum sit. Hendrerit dolor magna eget est lorem ipsum dolor sit. Leo urna molestie at elementum eu facilisis sed odio. Tellus rutrum tellus pellentesque eu tincidunt tortor.
  • four: Sit amet cursus sit amet dictum sit. Hendrerit dolor magna eget est lorem ipsum dolor sit. Leo urna molestie at elementum eu facilisis sed odio. Tellus rutrum tellus pellentesque eu tincidunt tortor.
  • five: Sit amet cursus sit amet dictum sit. Hendrerit dolor magna eget est lorem ipsum dolor sit. Leo urna molestie at elementum eu facilisis sed odio. Tellus rutrum tellus pellentesque eu tincidunt tortor.
[/div][/div] [div class="textcontainer col5 hidden tabsContent tabsContent5"][div class=text]
de9fb3235a411e64957274783703559e.jpg
dc3cfe93a02e1b44a4aafcb8fde5ce31.jpg
c6552661c0923d6e7d6e8ffc38881e08.jpg
b8684fb878b1dcb1f40fa0b542958724.jpg
a245261429231f335dc3317f28116ce5.jpg
74f193335a6394c4d7cca1bf34f10748.jpg
1ea259cef946574e1bb6fdd55ff3574c.jpg
0f275d87e562e50d270677eb8a62005d.jpg
[/div][/div] [/div] [div class=credit]code by sox sox [/div]
pastebin: xxx
 
Last edited:
hey! ill be using your code 'Cold-Blooded' but i was wondering if i could change the color palette and the background of the code? i'll still credit you for the code, but that is alright with you?
 
hey! ill be using your code 'Cold-Blooded' but i was wondering if i could change the color palette and the background of the code? i'll still credit you for the code, but that is alright with you?
of course! youre welcome to change anything like that in all of my codes c:
 

Users who are viewing this thread

Back
Top