What's new
  • 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.

Resource Milky Way of Stardust Galaxy


Greetings

Hello! Hola! Bonjour! Hallo! 안녕(Annyeong)! Welcome to my coding thread, this is Stardust Galaxy and I'm glad that you are here, we have cookies and hot chocolate, so feel free to spend some time looking through the codes and I hope you find one that you like!
All the codes you are about to see are free to use, but please don't remove the credit I spend a lot of time doing them and I wouldn't like that someone stole my effort.
 
[nobr]

[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Full Moon
[/div]
[div class=info]Character Sheet Code
[br][/br]
NOT Mobile Friendly, but I believe you can see it if you are an iPhone user since you can edit the size of the screen.
[br][/br]
The picture in the center the size is 200x200.
[br][/br]
The smaller ones the size is 100x100.
[br][/br]
The font is Indie Flower, this font was taken from googlefonts.
[/div][/div][/nobr]

[nobr]

[class=BG]
position: relative;
box-sizing: border-box;
background-image: linear-gradient( #F4B3D5, #DDBAE4, #F5E1DA);
width: 600px;
height: 800px;
background-color: #111631;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;
border-radius: 30px;
[/class]
[class=Picture1]
position: absolute;
overflow: visible;
width: 200px;
height: 200px;
left: 205px;
top: 49px;
background: url(https://i.imgur.com/rAl2vh3.png);
border-radius: 100%;
[/class]
[class=Picture2]
position: absolute;
overflow: visible;
width: 100px;
height: 100px;
left: 80px;
top: 94px;
background: url(https://i.imgur.com/e9HZW0O.png);
border-radius: 100%;
[/class]
[class=Picture3]
position: absolute;
overflow: visible;
width: 100px;
height: 100px;
left: 130px;
top: 214px;
background: url(https://i.imgur.com/urz9EcD.png);
border-radius: 100%;
[/class]
[class=Picture4]
position: absolute;
overflow: visible;
width: 100px;
height: 100px;
left: 250px;
top: 264px;
background: url(https://i.imgur.com/aZN2HU9.png);
border-radius: 100%;
[/class]
[class=Picture5]
position: absolute;
overflow: visible;
width: 100px;
height: 100px;
left: 370px;
top: 214px;
background: url(https://i.imgur.com/gnhNFhQ.png);
border-radius: 100%;
[/class]
[class=Picture6]
position: absolute;
overflow: visible;
width: 100px;
height: 100px;
left: 430px;
top: 94px;
background: url(https://i.imgur.com/r8hMkf6.png);
border-radius: 100%;
[/class]
[class=tab]
position: absolute;
overflow: visible;
[/class]
[class name=tab state=hover]
background: #fff;
opacity: .5;
[/class]
[class=Text]
position: relative;
overflow: auto;
width: 450px;
height: 335px;
background-color: rgb(141 , 152, 180, 0.8);
font-size: 17px;
color: #000000;
text-align: left;
margin-left: -3px;
padding: 10px;
[/class]
[class=TextContainer]
position: absolute;
overflow: hidden;
width: 450px;
height: 335px;
left: 80px;
top: 410px;
background-color: rgb(141 , 152, 180, 0.8);
border-radius: 30px;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (show tabsContentBasics)
if (eq ${currentTab} 2) (show tabsContentPersona)
if (eq ${currentTab} 3) (show tabsContentBackground)
if (eq ${currentTab} 4) (show tabsContentOther)
[/script]

[div class=BG]
[div class="Picture1"][/div]
[div class=Picture4][/div]
[div class=tabs]
[div class="Picture2 tab"][div=opacity:0;]1[/div][/div]
[div class="Picture3 tab"][div=opacity:0;]2[/div][/div]
[div class="Picture5 tab"][div=opacity:0;]3[/div][/div]
[div class="Picture6 tab"][div=opacity:0;]4[/div][/div]
[/div]
[div class="tabsContent tabsContentBasics"][div class=TextContainer][div class=Text]Name:
[br][/br]
Nicknames:
[br][/br]
Age:
[br][/br]
Gender:
[br][/br]
Sexuality:
[br][/br]
Date of birth:
[br][/br]
Place of birth:
[br][/br]
Zodiac:
[br][/br]
Hair:
[br][/br]
Eyes:
[br][/br]
Skin:
[br][/br]
Height:
[br][/br]
Body Build:
[br][/br]
Distinguishing Features:
[br][/br]
Clothing:
[br][/br]
Faceclaim:
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentPersona" style="display: none;"][div class=TextContainer][div class=Text]MBTI Type:
[br][/br]
Positive Traits:
[br][/br]
Negative Traits:
[br][/br]
Likes:
[br][/br]
Dislikes:
[br][/br]
Fears:
[br][/br]
Ailments:
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentBackground" style="display: none;"][div class=TextContainer][div class=Text]Backstory: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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
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.
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentOther" style="display: none;"][div class=TextContainer][div class=Text]
Significant Relationships:
[br][/br]
Theme Song:
[br][/br]
Extra Info:
[br][/br][br][/br]
[/div][/div][/div]
[/div]
Code by Stardust Galaxy Stardust Galaxy | small pictures are tabs except the middle one. | pastebin: X
[/nobr]
 
[nobr]

[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Asteroid Belt
[/div]
[div class=info]Character Sheet Code
[br][/br]
NOT Mobile Friendly, but I believe you can see it if you are an iPhone user since you can edit the size of the screen.
[br][/br]
The picture in the center the size is 200x200.
[br][/br]
The smaller ones the size is 100x100.
[br][/br]
The font is Raleway, this font was taken from googlefonts.
[/div][/div][/nobr]

[nobr]

[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 650px;
background-color: transparent;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;
[/class]
[class=Pic1]
position: absolute;
overflow: visible;
width: 200px;
height: 200px;
left: 194px;
top: 17px;
background: url(https://i.imgur.com/eOsZcuV.png);
border-radius: 100%;
[/class]
[class=Pic2]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 72px;
top: 121px;
background-color: #FFC7C8;
border-radius: 100%;
[/class]
[class=Pic3]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 348px;
top: 232px;
background-color: #658DA7;
border-radius: 100%;
[/class]
[class=Pic4]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 72px;
top: 430px;
background-color: #FFC7C8;
border-radius: 100%;
[/class]
[class=Pic5]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 338px;
top: 505px;
background-color: #658DA7 ;
border-radius: 100%;
[/class]
[class=CircleBasics]
position: absolute;
overflow: visible;
width: 150px;
height: 150px;
left: 112px;
top: 149px;
background-color: #658DA7 ;
border-radius: 100%;
[/class]
[class=CirclePersona]
position: absolute;
overflow: visible;
width: 150px;
height: 150px;
left: 221px;
top: 239px;
background-color: #FFC7C8;
border-radius: 100%;
[/class]
[class=CircleBackground]
position: absolute;
overflow: visible;
width: 150px;
height: 150px;
left: 112px;
top: 329px;
background-color: #658DA7;
border-radius: 100%;
[/class]
[class=CircleExtra]
position: absolute;
overflow: visible;
width: 150px;
height: 150px;
left: 221px;
top: 420px;
background-color: #FFC7C8;
border-radius: 100%;
[/class]
[class=BasicsText]
position: relative;
overflow: auto;
width: 104px;
height: 85px;
text-align: left;
font-size: 10px;
font-weight: normal;
line-weight: normal;
color: #000000;
padding: 5px;
margin-left: 7px;
[/class]
[class=BoxBasics]
position: absolute;
overflow: hidden;
width: 104px;
height: 85px;
left: 135px;
top: 182px;
background-color: #658DA7;

[/class]
[class=PersonaText]
position: relative;
overflow: auto;
width: 106px;
height: 85px;
text-align: left;
font-size: 10px;
font-weight: normal;
line-weight: normal;
color: #000000;
padding: 5px;
margin-left: 7px;
[/class]
[class=BoxPersona]
position: absolute;
overflow: hidden;
width: 104px;
height: 85px;
left: 244px;
top: 272px;
background-color: #FFC7C8;
[/class]
[class=BackgroundText]
position: relatie;
overflow: auto;
width: 104px;
height: 85px;
text-align: left;
font-size: 10px;
font-weight: normal;
line-weight: normal;
color: #000000;
padding: 5px;
margin-left: 7px;
[/class]
[class=BoxBackground]
position: absolute;
overflow: hidden;
width: 104px;
height: 85px;
left: 135px;
top: 362px;
background-color: #658DA7;
[/class]
[class=ExtraText]
position: relative;
overflow: auto;
width: 104px;
height: 85px;
text-align: left;
font-size: 10px;
font-weight: normal;
line-weight: normal;
color: #000000;
padding: 5px;
margin-left: 7px;
[/class]
[class=BoxExtra]
position: absolute;
overflow: hidden;
width: 104px;
height: 85px;
left: 244px;
top: 453px;
background-color: #FFC7C8;
[/class]
[class=Basics]
position: absolute;
left: 90px;
top: 149px;
overflow: hidden;
width: 46px;
height: 25px;
text-align: left;
font-family: Rockwell;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #fff;
[/class]
[class=Persona]
position: absolute;
left: 365px;
top: 260px;
overflow: hidden;
width: 58px;
height: 25px;
text-align: left;
font-family: Rockwell;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #fff;
[/class]
[class=Background]
position: absolute;
left: 75px;
top: 463px;
overflow: hidden;
width: 81px;
height: 25px;
text-align: left;
font-family: Rockwell;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #fff;
[/class]
[class=Extra]
position: absolute;
left: 362px;
top: 536px;
overflow: hidden;
width: 34px;
height: 19px;
text-align: left;
font-family: Rockwell;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #fff;
[/class]
[class=Pic6]
position: absolute;
overflow: visible;
width: 100px;
height: 100px;
left: 45px;
top: 249px;
background: url(https://i.imgur.com/WcJfH2J.jpg);
border-radius: 100%;
[/class]
[class=Pic7]
position: absolute;
overflow: visible;
width: 100px;
height: 100px;
left: 338px;
top: 339px;
background: url(https://i.imgur.com/byQMk9Y.png);
border-radius: 100%;
[/class]
[class=Pic8]
position: absolute;
overflow: visible;
width: 100px;
height: 100px;
left: 155px;
top: 513px;
background: url(https://i.imgur.com/Haa9tOr.jpg);
border-radius: 100%;
[/class]

[div class=BG]
[div class=Pic1][/div]
[div class=Pic2][/div]
[div class=Pic3][/div]
[div class=Pic4][/div]
[div class=Pic5][/div]
[div class=CircleBasics][/div]
[div class=CirclePersona][/div]
[div class=CircleBackground][/div]
[div class=CircleExtra][/div]
[div class=BoxBasics][div class=BasicsText]Name:
[br][/br]
Nickname:
[br][/br]
Age:
[br][/br]
D.O.B:
[br][/br]
P.O.B:
[br][/br]
Gender:
[br][/br]
Sexuality:
[br][/br]
Role:
[br][/br]
Faceclaim:
[br][/br]
Hair Color:
[br][/br]
Eye Color:
[br][/br]
Body Type:
[br][/br]
Ethnicity:
[br][/br]
Distinguishing Features:
[br][/br]
Body Mods:
[br][/br]
Attire:
[br][/br][br][/br]
[/div][/div]
[div class=BoxPersona][div class=PersonaText]Positive Traits:
[br][/br]
Neutral Traits:
[br][/br]
Negtive Traits:
[br][/br]
Likes:
[br][/br]
Dislikes:
[br][/br]
Fears:
[br][/br]
Weaknesses:
[br][/br]
Ailments:
[br][/br][br][/br]
[/div][/div]
[div class=BoxBackground][div class=BackgroundText]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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
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.
[br][/br][br][/br]
[/div][/div]
[div class=BoxExtra][div class=ExtraText]Relationships:
[br][/br]
Theme Song:
[br][/br]
Misc:
[br][/br][br][/br]
[/div][/div]
[div class=Basics]Basics[/div]
[div class=Persona]Persona[/div]
[div class=Background]Background[/div]
[div class=Extra]Extra[/div]
[div class=Pic6][/div]
[div class=Pic7][/div]
[div class=Pic8][/div]
[/div]
Code by Stardust Galaxy Stardust Galaxy | hidden Scrolls | pastebin: X
[/nobr]
 
Last edited:
[nobr]

[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Pumpkin Pie
[/div]
[div class=info]In Character/Interest Check
[br][/br]
NOT Mobile Friendly.
[br][/br]
The picture is a png.
[br][/br]
Code created because crucially crucially loves Halloween, even if I prefer Christmas.
[/div][/div][/nobr]

[nobr][class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 800px;
height: 800px;
background:url(http://pngimg.com/uploads/pumpkin/pumpkin_PNG9357.png);
background-size: 100%;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;

[/class]

[class=Text]
position: relative;
overflow: auto;
width: 525px;
height: 342px;
font-size: 13px;
font-weight: normal;
line-weight: normal;
color: #000000;
margin: -3px;
padding: 5px;
text-align: justify;


[/class]
[class=TextContainer]
position: absolute;
overflow: hidden;
width: 512px;
height: 342px;
left: 150px;
top: 385px;
background-color: #F68A13;
border-radius: 10px;
opacity: .8;
[/class]



[div class=BG]
[div class=TextContainer][div class=Text]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio pellentesque diam volutpat commodo sed. Elit at imperdiet dui accumsan. Lacus sed viverra tellus in hac habitasse platea dictumst. Suspendisse ultrices gravida dictum fusce. Vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Sed enim ut sem viverra aliquet. A diam maecenas sed enim ut. Congue eu consequat ac felis donec et odio. Eu volutpat odio facilisis mauris sit. Feugiat pretium nibh ipsum consequat.

Varius morbi enim nunc faucibus a pellentesque sit amet porttitor. Sagittis eu volutpat odio facilisis mauris. Ornare lectus sit amet est placerat. Orci eu lobortis elementum nibh tellus. Sed turpis tincidunt id aliquet risus. Mauris sit amet massa vitae tortor condimentum. Sed tempus urna et pharetra pharetra massa massa. Eu feugiat pretium nibh ipsum consequat nisl vel. Volutpat odio facilisis mauris sit amet massa vitae tortor condimentum. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Magna sit amet purus gravida quis. Augue lacus viverra vitae congue eu consequat ac felis. Sapien nec sagittis aliquam malesuada. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Ultrices mi tempus imperdiet nulla. In fermentum et sollicitudin ac. Quis blandit turpis cursus in hac habitasse.

Elementum nibh tellus molestie nunc non blandit. Suspendisse in est ante in nibh mauris cursus. Mattis aliquam faucibus purus in massa. At auctor urna nunc id cursus metus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida. Eu nisl nunc mi ipsum faucibus vitae aliquet. Vulputate mi sit amet mauris commodo. Amet cursus sit amet dictum sit amet. Lorem mollis aliquam ut porttitor leo a diam sollicitudin. Odio tempor orci dapibus ultrices. Nullam ac tortor vitae purus faucibus. Netus et malesuada fames ac turpis. Risus quis varius quam quisque id diam vel quam elementum.

Urna nunc id cursus metus aliquam eleifend mi in. Integer malesuada nunc vel risus commodo viverra maecenas accumsan. Quis enim lobortis scelerisque fermentum dui. Pellentesque nec nam aliquam sem et tortor. Odio aenean sed adipiscing diam donec adipiscing tristique risus. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Mauris nunc congue nisi vitae suscipit tellus. Lacus vel facilisis volutpat est. Neque gravida in fermentum et. Velit ut tortor pretium viverra suspendisse potenti. Nunc non blandit massa enim nec. Sagittis id consectetur purus ut faucibus. Iaculis nunc sed augue lacus viverra vitae congue eu. Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Ut sem nulla pharetra diam sit amet nisl. Pellentesque massa placerat duis ultricies lacus sed. Amet commodo nulla facilisi nullam. Odio aenean sed adipiscing diam donec adipiscing tristique.

Fusce id velit ut tortor pretium. Etiam erat velit scelerisque in dictum non consectetur a. Venenatis lectus magna fringilla urna porttitor. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Eu feugiat pretium nibh ipsum consequat nisl vel pretium lectus. Vel quam elementum pulvinar etiam non quam lacus suspendisse faucibus. Enim sed faucibus turpis in eu mi bibendum neque egestas. Eu nisl nunc mi ipsum faucibus vitae aliquet. Egestas integer eget aliquet nibh praesent tristique. Urna duis convallis convallis tellus id interdum velit laoreet. Facilisi morbi tempus iaculis urna id volutpat lacus. Quis ipsum suspendisse ultrices gravida dictum fusce ut.[/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Hidden Scrolls | pastebin: X
[/nobr]
 

crucially

𝘆𝗼𝘂’𝗿𝗲 𝗮𝘀 𝘀𝗮𝗻𝗲 𝗮𝘀 𝗶 𝗮𝗺
[div=max-width: 500px; margin: auto; border: 1px solid; padding: 5px; text-align: center;]aaaaaahh! 🎃
the pumpkin is everything. now i get to be all s p o o k y.
please continue to post more so i can shower with my affection.
[/div]
 
[nobr]
[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Shooting Star
[/div]
[div class=info]Character Sheet/Interest Check.
[br][/br]
NOT Mobile Friendly, but you can see it if you are iPhone user and edit the size of the screen.
[br][/br]
Fontt used were Great Vibes and it was taken from Googlefonts.
[/div][/div][/nobr]

[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 550px;
height: 400px;
background-color: rgba(255,255,255,0);
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;

[/class]
[class=ExtraBox]
position: absolute;
overflow: visible;
width: 550px;
height: 400px;
left: 0px;
top: 0px;
background-color: #FFDEDC;
border-radius: 20px;
[/class]
[class=BackstoryBox]
position: absolute;
overflow: visible;
width: 500px;
height: 400px;
left: 50px;
top: 0px;
background-color: #F1B5B5;
border-radius: 20px;
[/class]
[class=PersonaBox]
position: absolute;
overflow: visible;
width: 450px;
height: 400px;
left: 100px;
top: 0px;
background-color: #93939B;
border-radius: 20px;
[/class]
[class=BasicBox]
position: absolute;
overflow: visible;
width: 400px;
height: 400px;
left: 150px;
top: 0px;
background-color: #AAB7AE;
border-radius: 20px;
[/class]
[class=Pic1]
position: absolute;
overflow: visible;
width: 280px;
height: 280px;
left: 235px;
top: 60px;
background: url(https://i.pinimg.com/564x/27/80/47/27804716caf16768049692f059009a24.jpg);
background-size: 100%;
border-radius: 16px;
[/class]
[class=Pic2]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 201px;
top: 30px;
background: url(https://i.pinimg.com/564x/a7/d4/82/a7d482fb354576b8b0a7a56d20ff131f.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic3]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 310px;
top: 28px;
background: url(https://i.pinimg.com/564x/eb/d1/9b/ebd19b45534be6c81cf8e02f40b238c3.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic4]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 419px;
top: 28px;
background: url(https://i.pinimg.com/564x/27/9f/31/279f31ad06d41043c473aacaacb1cb7c.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic5]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 201px;
top: 30px;
background: url(https://i.pinimg.com/564x/01/bc/d9/01bcd9c2b4cc5d1ae7f7b174528cf3bb.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic6]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 310px;
top: 28px;
background: url(https://i.pinimg.com/564x/fc/24/41/fc2441861747d11349c6c0877350288c.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic7]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 419px;
top: 28px;
background: url(https://i.pinimg.com/564x/f0/63/e1/f063e186b4d8a5268c13a957c078fc89.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic8]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 201px;
top: 30px;
background: url(https://i.pinimg.com/564x/98/dc/18/98dc18761d88b1723949edc724a19d38.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic9]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 310px;
top: 28px;
background: url(https://i.pinimg.com/564x/35/20/b6/3520b695eb298ebb02aafd26524e80d0.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic10]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 419px;
top: 28px;
background: url(https://i.pinimg.com/564x/8e/17/5d/8e175d83d442aa0408bbee12d98b4dc1.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic11]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 201px;
top: 30px;
background: url(https://i.pinimg.com/564x/34/09/f4/3409f4d4ab1d2a67ae66e1a628e96c2f.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic12]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 310px;
top: 28px;
background: url(https://i.pinimg.com/564x/57/36/51/573651bac1a31e79cb025453a452d8e3.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Pic13]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 419px;
top: 28px;
background: url(https://i.pinimg.com/236x/35/14/6e/35146e4057b10a35ed62b2e8061ea3f6.jpg);
background-size: 130%;
background-position: 50% 20%;
border-radius: 10px;
[/class]
[class=Text]
position: relative;
border-radius: 5%;
overflow: auto;
width: 284px;
height: 226px;
font-size: 13px;
font-weight: normal;
line-weight: normal;
color: #000;
padding: 15px;
text-align: justify;
margin-right: 150px;
margin-left: -1px;
[/class]
[class=TextContainer]
position: absolute;
overflow: hidden;
width: 298px;
height: 226px;
left: 201px;
top: 122px;
background-color: #fff;
opacity: .5;
border-radius: 10px;
[/class]
[class=HomeBox]
position: absolute;
overflow: visible;
width: 350px;
height: 400px;
left: 200px;
top: 0px;
background-color: #C6D2C6;
border-radius: 20px;
[/class]
[class=TabExtra]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 11px;
top: 360px;
background: url(https://i.imgur.com/ppEy2Pt.png);
[/class]
[class=TabBackstory]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 61px;
top: 360px;
background: url(https://i.imgur.com/v2UgUK2.png);
[/class]
[class=TabPersona]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 111px;
top: 360px;
background: url(https://i.imgur.com/VjBQd2g.png);
[/class]
[class=TabBasics]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 161px;
top: 360px;
background: url(https://i.imgur.com/Gxt6PN3.png);

[/class]
[class=TabHome]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 211px;
top: 360px;
background: url(https://i.imgur.com/q4d5BEX.png);
[/class]
[class=CharacterName]
position: absolute;
left: 211px;
top: 16px;
overflow: hidden;
width: 180px;
height: 36px;
text-align: left;
font-family: Segoe UI;
font-style: normal;
font-weight: normal;
font-size: 20px;
color: rgba(0,0,0,1);
[/class]
[class=RoleHere]
position: absolute;
left: 420px;
top: 357px;
overflow: hidden;
width: 250px;
height: 36px;
text-align: left;
font-family: Segoe UI;
font-style: normal;
font-weight: normal;
font-size: 20px;
color: rgba(0,0,0,1);
[/class]
[class=tab]
position: absolute;
overflow: visible;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (show tabsContentHome)
if (eq ${currentTab} 1) (hide tabsContentPersona)
if (eq ${currentTab} 1) (hide tabsContentBackground)
if (eq ${currentTab} 1) (hide tabsContentOther)
if (eq ${currentTab} 1) (hide tabsContentBasics)
if (eq ${currentTab} 1) (show HomeBox)
if (eq ${currentTab} 1) (show BasicBox)
if (eq ${currentTab} 1) (show PersonaBox)
if (eq ${currentTab} 1) (show BackstoryBox)
if (eq ${currentTab} 1) (show ExtraBox)

if (eq ${currentTab} 2) (show tabsContentBasics)
if (eq ${currentTab} 2) (hide tabsContentHome)
if (eq ${currentTab} 2) (hide tabsContentPersona)
if (eq ${currentTab} 2) (hide tabsContentBackground)
if (eq ${currentTab} 2) (hide tabsContentOther)
if (eq ${currentTab} 2) (hide HomeBox)
if (eq ${currentTab} 2) (show BasicBox)
if (eq ${currentTab} 2) (show PersonaBox)
if (eq ${currentTab} 2) (show BackstoryBox)
if (eq ${currentTab} 2) (show ExtraBox)

if (eq ${currentTab} 3) (show tabsContentPersona)
if (eq ${currentTab} 3) (hide tabsContentHome)
if (eq ${currentTab} 3) (hide tabsContentBasics)
if (eq ${currentTab} 3) (hide tabsContentBackground)
if (eq ${currentTab} 3) (hide tabsContentOther)
if (eq ${currentTab} 3) (hide BasicBox)
if (eq ${currentTab} 3) (hide HomeBox)
if (eq ${currentTab} 3) (show PersonaBox)
if (eq ${currentTab} 3) (show BackstoryBox)
if (eq ${currentTab} 3) (show ExtraBox)


if (eq ${currentTab} 4) (show tabsContentBackground)
if (eq ${currentTab} 4) (hide tabsContentHome)
if (eq ${currentTab} 4) (hide tabsContentBasics)
if (eq ${currentTab} 4) (hide tabsContentPersona)
if (eq ${currentTab} 4) (hide tabsContentOther)
if (eq ${currentTab} 4) (hide PersonaBox)
if (eq ${currentTab} 4) (hide BasicBox)
if (eq ${currentTab} 4) (hide HomeBox)
if (eq ${currentTab} 4) (show BackstoryBox)
if (eq ${currentTab} 4) (show ExtraBox)


if (eq ${currentTab} 5) (show tabsContentOther)
if (eq ${currentTab} 5) (hide tabsContentHome)
if (eq ${currentTab} 5) (hide tabsContentBasics)
if (eq ${currentTab} 5) (hide tabsContentPersona)
if (eq ${currentTab} 5) (hide tabsContentBackground)
if (eq ${currentTab} 5) (hide BackstoryBox)
if (eq ${currentTab} 5) (hide PersonaBox)
if (eq ${currentTab} 5) (hide BasicBox)
if (eq ${currentTab} 5) (hide HomeBox)
[/script]
[div class=BG]

[div class=ExtraBox][/div]
[div class=BackstoryBox][/div]
[div class=PersonaBox][/div]
[div class=BasicBox][/div]
[div class=HomeBox][/div]

[div class=tabs]
[div class="TabExtra tab"][div=opacity:0;]5[/div][/div]
[div class="TabBackstory tab"][div=opacity:0;]4[/div][/div]
[div class="TabPersona tab"][div=opacity:0;]3[/div][/div]
[div class="TabBasics tab"][div=opacity:0;]2[/div][/div]
[div class="TabHome tab"][div=opacity:0;]1[/div][/div]
[/div]
[div class="tabsContent tabsContentHome"][div class=CharacterName]Character Name[/div][div class=Pic1][/div][div class=RoleHere]Role Here[/div][/div]
[div class="tabsContent tabsContentBasics" style="display: none;"][div class=Pic2][/div][div class=Pic3][/div][div class=Pic4][/div][div class=TextContainer][div class=Text]Name:
[br][/br]
Nicknames:
[br][/br]
Age:
[br][/br]
D.O.B:
[br][/br]
P.O.B:
[br][/br]
Gender:
[br][/br]
Sexuality:
[br][/br]
Role:
[br][/br]
Height:
[br][/br]
Weight:
[br][/br]
Hair Color:
[br][/br]
Eye Color:
[br][/br]
Distinguishing Features:
[br][/br]
Faceclaim:
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentPersona" style="display: none;"][div class=Pic5][/div][div class=Pic6][/div][div class=Pic7][/div][div class=TextContainer][div class=Text]Personality: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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
Virtues:
[br][/br]
Vices:
[br][/br]
Likes:.
[br][/br]
Dislikes:
[br][/br]
Fears:
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentBackground" style="display: none;"][div class=Pic8][/div][div class=Pic9][/div][div class=Pic10][/div][div class=TextContainer][div class=Text]Backstory: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.
[br][/br]
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.
[br][/br]
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.
[/div][/div][/div]
[div class="tabsContent tabsContentOther" style="display: none;"][div class=Pic11][/div][div class=Pic12][/div][div class=Pic13][/div][div class=TextContainer][div class=Text]Significant Relationships:
[br][/br]
Theme Song:
[br][/br]
Miscellaneous:
[/div][/div][/div]
[/div]
Code by Stardust Galaxy Stardust Galaxy |Hidden Scrolls|pastebin: X
[/nobr]
 
Last edited:
[nobr]
[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Cosmic Dust
[/div]
[div class=info]Character Sheet/Interest Check.
[br][/br]
Semi Mobile Friendly, the pictures gets cut out and part of the text gets cut out too but not all of it.
[br][/br]
The size of the gif is 240x300 you can always replace it and put an image instead.
[br][/br]
The size of the other picture is 255x276.
[/div][/div][/nobr]
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 440px;
height: 500px;
background-color: rgba(255,255,255,0);
overflow: hidden;
margin-right: auto;
margin-left:auto;
padding: 0;

[/class]
[class=Picture1]
position: absolute;
overflow: visible;
width: 240px;
height: 300px;
left: 240px;
top: 0px;
background: url(https://media.giphy.com/media/MFg5VFAPDjiQ8c541M/giphy.gif);
[/class]
[class=Frame1]
position: absolute;
overflow: visible;
width: 176px;
height: 270px;
left: 252px;
top: 15px;
border: 2px #E2C16B solid;
[/class]
[class=Box]
position: absolute;
overflow: visible;
width: 255px;
height: 276px;
left: 40px;
top: 224px;
background-color:#0D618F
[/class]
[class=Frame2]
position: absolute;
overflow: visible;
width: 231px;
height: 250px;
left: 52px;
top: 237px;
border:2px #E2C16B solid;
[/class]
[class=Text]
position: relative;
overflow: auto;
width: 225px;
height: 244px;
background-color: transparent;
font-size: 13px;
font-weight: normal;
line-weight: normal;
color: #000;
padding: 5px;
text-align: justify;
margin-right: 7px;
margin-left: 7px;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 225px;
height: 244px;
left: 56px;
top: 241px;
background-color: transparent;
[/class]
[class=Picture2]
position: absolute;
overflow: visible;
width: 255px;
height: 276px;
left: 40px;
top: 224px;
background: url(https://i.imgur.com/axR4nyD.png);
[/class]
[class=BoxTabs]
position: absolute;
overflow: visible;
width: 40px;
height: 204px;
left: 0px;
top: 296px;
background-color:#0D618F;
[/class]
[class=ExtraTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 5px;
top: 463px;
background: url(https://i.imgur.com/ppEy2Pt.png);
[/class]
[class=BackgroundTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 5px;
top: 423px;
background: url(https://i.imgur.com/v2UgUK2.png);
[/class]
[class=PersonaTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 5px;
top: 383px;
background: url(https://i.imgur.com/VjBQd2g.png);
[/class]
[class=BasicsTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 5px;
top: 343px;
background: url(https://i.imgur.com/Gxt6PN3.png);
[/class]
[class=HomeTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 5px;
top: 303px;
background: url(https://i.imgur.com/q4d5BEX.png);
[/class]
[class=tab]
position: absolute;
overflow: visible;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (show tabsContentBasics)
if (eq ${currentTab} 1) (show Box)
if (eq ${currentTab} 1) (hide Picture2)
if (eq ${currentTab} 1) (hide tabsContentHome)
if (eq ${currentTab} 1) (hide tabsContentPersona)
if (eq ${currentTab} 1) (hide tabsContentBackground)
if (eq ${currentTab} 1) (hide tabsContentOther)

if (eq ${currentTab} 2) (show tabsContentPersona)
if (eq ${currentTab} 2) (show Box)
if (eq ${currentTab} 2) (hide Picture2)
if (eq ${currentTab} 2) (hide tabsContentHome)
if (eq ${currentTab} 2) (hide tabsContentBasics)
if (eq ${currentTab} 2) (hide tabsContentBackground)
if (eq ${currentTab} 2) (hide tabsContentOther)

if (eq ${currentTab} 3) (show tabsContentBackground)
if (eq ${currentTab} 3) (show Box)
if (eq ${currentTab} 3) (hide Picture2)
if (eq ${currentTab} 3) (hide tabsContentHome)
if (eq ${currentTab} 3) (hide tabsContentBasics)
if (eq ${currentTab} 3) (hide tabsContentPersona)
if (eq ${currentTab} 3) (hide tabsContentOther)

if (eq ${currentTab} 4) (show tabsContentOther)
if (eq ${currentTab} 4) (show Box)
if (eq ${currentTab} 4) (hide Picture2)
if (eq ${currentTab} 4) (hide tabsContentBasics)
if (eq ${currentTab} 4) (hide tabsContentPersona)
if (eq ${currentTab} 4) (hide tabsContentHome)
if (eq ${currentTab} 4) (hide tabsContentBackground)

if (eq ${currentTab} 5) (show tabsContentHome)
if (eq ${currentTab} 5) (show Picture2)
if (eq ${currentTab} 5) (hide Box)
if (eq ${currentTab} 5) (hide tabsContentPersona)
if (eq ${currentTab} 5) (hide tabsContentBackground)
if (eq ${currentTab} 5) (hide tabsContentOther)
if (eq ${currentTab} 5) (hide tabsContentBasics)
[/script]
[div class=BG]


[div class=Picture1][/div]
[div class=Frame1][/div]
[div class=Box][/div]
[div class=Picture2][/div]
[div class=Frame2][/div]
[div class=BoxTabs][/div]
[div class=tabs]
[div class="BasicsTab tab"][div=opacity:0;]1[/div][/div]
[div class="PersonaTab tab"][div=opacity:0;]2[/div][/div]
[div class="BackgroundTab tab"][div=opacity:0;]3[/div][/div]
[div class="ExtraTab tab"][div=opacity:0;]4[/div][/div]
[div class="HomeTab tab"][div=opacity:0;]5[/div][/div]
[/div]

[div class="tabsContent tabsContentHome"][div class=Picture2][/div][/div]
[div class="tabsContent tabsContentBasics" style="display: none;"][div class=TextBox][div class=Text]Name:
[br][/br]
Age:
[br][/br]
Gender:
[br][/br]
Role:
[br][/br]
Skills:
[br][/br]
P.O.B
[br][/br]
Appearance: 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.
[br][/br]
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.
[br][/br]
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.
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentPersona" style="display: none;"][div class=TextBox][div class=Text]Personality: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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
Positive Traits:
[br][/br]
Negative Traits:
[br][/br]
Likes:
[br][/br]
Dislikes:
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentBackground" style="display: none;"][div class=TextBox][div class=Text]Background: 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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
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.
[br][/br] [br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentOther" style="display: none;"][div class=TextBox][div class=Text]Relationships:[/div][/div][/div]
[/div]
Code by Stardust Galaxy Stardust Galaxy | Hidden Scrolls |pastebin X
[/nobr]
 
[nobr]
[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Comet
[/div]
[div class=info]In Character.
[br][/br]
Semi Mobile Friendly, the text gets cut out at the end.
[br][/br]
Font used Satisfy.
[/div][/div][/nobr]
[nobr]
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 300px;
height: 500px;
background-color: rgba(155,113,125,1);
overflow: hidden;
margin: auto;
padding: 0;
border-radius: 10px;
[/class]
[class=Text]
position: relative;
overflow: auto;
width: 278px;
height: 380px;
background-color: transparent;
border-radius:10px;
font-size: 13px;
font-weight: normal;
line-weight: normal;
color: #000;
padding: 6px;
margin-left: -6px;
text-align: justify;
[/class]
[class=TextBox]
position: absolute;
overflow: hidden;
width: 267px;
height: 400px;
left: 17px;
top: 16px;
background-color: #9A5E6F;
border-radius: 15px;
[/class]
[class=InfoBox]
position: absolute;
overflow: visible;
width: 267px;
height: 55px;
left: 17px;
top: 429px;
background-color: #9A5E6F;
border-radius: 15px;
[/class]
[class=InfoText]
position: relative;
overflow: visible;
width: 205px;
height: 44px;
left: 24px;
top: 430px;
background-color: transparent;
font-size: 28px;
font-weight: normal;
line-weight: normal;
color: #000;
padding: 5px;
text-align: center;
[/class]
[class=Tab]
position: absolute;
overflow: visible;
width: 55px;
height: 60px;
left: 232px;
top: 429px;
background: url(https://i.imgur.com/dhJY9o2.png);
background-size:100%;
[/class]
[class=Picture]
position: absolute;
overflow: visible;
width: 267px;
height: 400px;
left: 17px;
top: 16px;
background:url(https://i.imgur.com/hxQTMIT.jpg) ;
background-size: 100%;
border-radius: 15px;
[/class]
[class=hovertext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(154, 94, 111, 0.2);
color: white;
border-radius: 15px;
[/class]
[class name=hovertext state=hover]
opacity: 1;
[/class]
[class=hover_text]
text-shadow: 2px 2px 4px black;
margin-top: 40px;
padding: 5px;
text-align: center;
font-size: 15px;

[/class]

[class=tab]
position: absolute;
overflow: visible;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (show tabsContentText)
if (eq ${currentTab} 1) (hide Picture)
[/script]
[div class=BG]

[div class=InfoBox][/div]
[div class=InfoText]Character Name[/div]

[div class=tabs]
[div class="Tab tab"][div=opacity:0;]1[/div][/div]
[/div]
[div class="tabsContent tabsContentText"][div class=TextBox][div class=Text]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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
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.
[br][/br][br][/br]
[/div][/div][/div]
[div class=Picture][div class=hovertext][div class=hover_text]Mood:
[br][/br]
[br][/br]
Location:
[br][/br]
[br][/br]
Outfit:
[br][/br]
[br][/br]
Interactions:
[br][/br]
[br][/br]
Mentions:
[/div][/div][/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Picture Hovers and shows info | pastebin X
[/nobr][/nobr]
 
[nobr]
[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Red Giant
[/div]
[div class=info]Character Sheet.
[br][/br]
NOT mobile friendly unless you change the size of your screen (iPhone users).
[br][/br]
Fonts used Great Vibes and Caveat.
[/div][/div][/nobr]
[nobr]
[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 500px;
height: 300px;
background-color: #B82F29;
overflow: hidden;
margin-right:auto;
margin-left:auto;
padding: 0;

[/class]
[class=Frame]
position: absolute;
overflow: visible;
width: 464px;
height: 264px;
left: 18px;
top: 18px;
border: 2px solid #C03A35;
[/class]
[class=BoxName]
position: absolute;
overflow: visible;
width: 199px;
height: 48px;
left: 36px;
top: 38px;
background-color: #ad302b;
border: 2px solid #C03A35;
[/class]
[class=BoxPictures]
position: absolute;
overflow: visible;
width: 210px;
height: 193px;
left: 250px;
top: 38px;
background-color: #ad302b;
border: 2px solid #C03A35;
[/class]
[class=Text]
position: relative;
overflow: auto;
width: 199px;
height: 158px;
background-color: transparent;
font-size: 16px;
font-weight: normal;
line-weight: normal;
color: #000;
padding: 5px;
text-align: justify;
margin-left: -5px;
padding-right: 150px;
[/class]
[class=BoxText]
position: absolute;
overflow: hidden;
width: 199px;
height: 158px;
left: 36px;
top: 104px;
background-color: #ad302b;
border: 2px solid #C03A35;
[/class]
[class=Pic1]
position: absolute;
overflow: visible;
width: 107px;
height: 173px;
left: 260px;
top: 50px;
background: url(https://i.pinimg.com/564x/c0/23/d0/c023d0cedd0cea4b9c106b5225e0816b.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic2]
position: absolute;
overflow: visible;
width: 85px;
height: 85px;
left: 370px;
top: 50px;
background: url(https://i.pinimg.com/564x/69/6c/a0/696ca0d9203ec09ac9a5f56355d3ec81.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic3]
position: absolute;
overflow: visible;
width: 85px;
height: 85px;
left: 370px;
top: 138px;
background: url(https://i.pinimg.com/564x/56/7d/08/567d081815dc69f7af0e1024cab88c5a.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic4]
position: absolute;
overflow: visible;
width: 107px;
height: 173px;
left: 260px;
top: 50px;
background: url(https://i.pinimg.com/564x/0f/97/b1/0f97b1fe1a6b00f6558f9bd466b3009a.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic5]
position: absolute;
overflow: visible;
width: 85px;
height: 85px;
left: 370px;
top: 50px;
background: url(https://d.wattpad.com/story_parts/20/images/15b2fd3e8e13564f266142808918.jpg);
background-size: 100%;
background-position: 60% 20%;
[/class]
[class=Pic6]
position: absolute;
overflow: visible;
width: 85px;
height: 85px;
left: 370px;
top: 138px;
background: url(https://i.pinimg.com/564x/10/cf/f7/10cff7f3ec931118e81787a5f4aaf930.jpg);
background-size: 115%;
background-position: 60% 20%;
[/class]
[class=Pic7]
position: absolute;
overflow: visible;
width: 107px;
height: 173px;
left: 260px;
top: 50px;
background: url(https://i.pinimg.com/564x/6e/70/b7/6e70b7f007377862e82b2c7fe98ad9c3.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic8]
position: absolute;
overflow: visible;
width: 85px;
height: 85px;
left: 370px;
top: 50px;
background: url(https://i.pinimg.com/564x/a7/c7/3b/a7c73bc4613f914c6090e1d1b5f0c725.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic9]
position: absolute;
overflow: visible;
width: 85px;
height: 85px;
left: 370px;
top: 138px;
background: url(https://i.pinimg.com/564x/d9/24/9a/d9249a77ec586a029034385419383660.jpg);
background-size: 200%;
background-position: 40% 20%;
[/class]
[class=Pic10]
position: absolute;
overflow: visible;
width: 107px;
height: 173px;
left: 260px;
top: 50px;
background: url(https://i.pinimg.com/564x/65/c5/8c/65c58cd1e8aaf43805238d37915b5603.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic11]
position: absolute;
overflow: visible;
width: 85px;
height: 85px;
left: 370px;
top: 50px;
background: url(https://i.pinimg.com/564x/51/eb/d2/51ebd235787c09b72fc25c4c960a30fe.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic12]
position: absolute;
overflow: visible;
width: 85px;
height: 85px;
left: 370px;
top: 138px;
background: url(https://i.pinimg.com/564x/4d/3b/c4/4d3bc4267f2641078801c210ce4df76f.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=CharacterName]
position: absolute;
left: 64px;
top: 49px;
overflow: visible;
width: 144px;
white-space: nowrap;
text-align: left;
font-family: Segoe UI;
font-style: normal;
font-weight: normal;
font-size: 20px;
color: #000;
[/class]
[class=PicHome]
position: absolute;
overflow: visible;
width: 500px;
height: 300px;
background: url(https://i.imgur.com/6wHblLB.jpg);
[/class]
[class=HomeTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 250px;
top: 241px;
background: url(https://i.imgur.com/q4d5BEX.png);
[/class]
[class=BasicsTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 295px;
top: 241px;
background: url(https://i.imgur.com/Gxt6PN3.png);
[/class]
[class=PersonaTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 340px;
top: 241px;
background: url(https://i.imgur.com/VjBQd2g.png);
[/class]
[class=BackgroundTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 385px;
top: 241px;
background: url(https://i.imgur.com/v2UgUK2.png);
[/class]
[class=ExtraTab]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 430px;
top: 241px;
background: url(https://i.imgur.com/ppEy2Pt.png);
[/class]
[class=tab]
position: absolute;
overflow: visible;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (show tabsContentHome)
if (eq ${currentTab} 1) (hide tabsContentPersona)
if (eq ${currentTab} 1) (hide tabsContentBackground)
if (eq ${currentTab} 1) (hide tabsContentOther)
if (eq ${currentTab} 1) (hide tabsContentBasics)
if (eq ${currentTab} 1) (show PicHome)

if (eq ${currentTab} 2) (show tabsContentBasics)
if (eq ${currentTab} 2) (hide tabsContentHome)
if (eq ${currentTab} 2) (hide tabsContentPersona)
if (eq ${currentTab} 2) (hide tabsContentBackground)
if (eq ${currentTab} 2) (hide tabsContentOther)
if (eq ${currentTab} 2) (hide PicHome)

if (eq ${currentTab} 3) (show tabsContentPersona)
if (eq ${currentTab} 3) (hide tabsContentHome)
if (eq ${currentTab} 3) (hide tabsContentBasics)
if (eq ${currentTab} 3) (hide tabsContentBackground)
if (eq ${currentTab} 3) (hide tabsContentOther)
if (eq ${currentTab} 3) (hide PicHome)

if (eq ${currentTab} 4) (show tabsContentBackground)
if (eq ${currentTab} 4) (hide tabsContentHome)
if (eq ${currentTab} 4) (hide tabsContentBasics)
if (eq ${currentTab} 4) (hide tabsContentPersona)
if (eq ${currentTab} 4) (hide tabsContentOther)
if (eq ${currentTab} 4) (hide PicHome)

if (eq ${currentTab} 5) (show tabsContentOther)
if (eq ${currentTab} 5) (hide tabsContentHome)
if (eq ${currentTab} 5) (hide tabsContentBasics)
if (eq ${currentTab} 5) (hide tabsContentPersona)
if (eq ${currentTab} 5) (hide tabsContentBackground)
if (eq ${currentTab} 5) (hide PicHome)
[/script]
[div class=BG]
[div class=Frame][/div]
[div class=BoxName][/div]
[div class=BoxPictures][/div]
[div class=CharacterName]
Character Name
[/div]
[div class="tabsContent tabsContentHome"][div class=PicHome][/div][/div]
[div class="tabsContent tabsContentBasics" style="display: none;"][div class=Pic1][/div][div class=Pic2][/div][div class=Pic3][/div][div class=BoxText][div class=Text]Name:
[br][/br]
Nickname:
[br][/br]
Age:
[br][/br]
Gender:
[br][/br]
Sexuality:
[br][/br]
Birthday:
[br][/br]
Role:
[br][/br]
Hair Color:
[br][/br]
Eye color:
[br][/br]
Height/Weight:
[br][/br]
Body Type:
[br][/br]
Distinguishing Features:
[br][/br]
Body Mods:
[br][/br]
Faceclaim:
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentPersona" style="display: none;"][div class=Pic4][/div][div class=Pic5][/div][div class=Pic6][/div][div class=BoxText][div class=Text]Vices:
[br][/br]
Virtues:
[br][/br]
Likes:
[br][/br]
Dislikes:
[br][/br]
Habbits/Quirks:
[br][/br]
Fears/Weakness:
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentBackground" style="display: none;"][div class=Pic7][/div][div class=Pic8][/div][div class=Pic9][/div][div class=BoxText][div class=Text]Family:
[br][/br]
Residence:
[br][/br]
Education:
[br][/br]
History: 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.
[br][/br]
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.
[br][/br]
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.
[br][/br]
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.
[br][/br][br][/br]
[/div][/div][/div]
[div class="tabsContent tabsContentOther" style="display: none;"][div class=Pic10][/div][div class=Pic11][/div][div class=Pic12][/div][div class=BoxText][div class=Text]Theme Song:
[br][/br]
Favorites:
[br][/br]
Enneagram Type:
[br][/br]
Alignment:
[br][/br]
Other:
[br][/br][br][/br]
[/div][/div][/div]
[div class=tabs]
[div class="HomeTab tab"][div=opacity:0;]1[/div][/div]
[div class="BasicsTab tab"][div=opacity:0;]2[/div][/div]
[div class="PersonaTab tab"][div=opacity:0;]3[/div][/div]
[div class="BackgroundTab tab"][div=opacity:0;]4[/div][/div]
[div class="ExtraTab tab"][div=opacity:0;]5[/div][/div]

[/div]
[/div]
[/nobr]
Code by Stardust Galaxy Stardust Galaxy | pastebin X
[/nobr]
 
[nobr]
[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Andromeda Galaxy
[/div]
[div class=info]Character Sheet.
[br][/br]
NOT mobile friendly.
[/div][/div][/nobr]
[nobr]

[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 800px;
height: 700px;
background-color: rgba(255,255,255,0);
overflow: hidden;
margin: auto;
padding: 0;
[/class]
[class=BoxBasics]
position: absolute;
overflow: visible;
width: 350px;
height: 200px;
left: 34px;
top: 97px;
background-color: #593750;
[/class]
[class=BoxPersona]
position: absolute;
overflow: hidden;
width: 200px;
height: 350px;
left: 416px;
top: 22px;
background-color: #E2A7AB;
[/class]
[class=BoxBackstory]
position: absolute;
overflow: visible;
width: 200px;
height: 350px;
left: 184px;
top: 329px;
background-color: #BA6E72;
[/class]
[class=BoxExtra]
position: absolute;
overflow: visible;
width: 350px;
height: 200px;
left: 416px;
top: 404px;
background-color: #7F4554;
[/class]
[class=BasicsContent]
position: relative;
overflow: auto;
width: 366px;
height: 200px;
color: #fff;
padding-right: 33px;
[/class]
[class=BasicsPic]
position: relative;
width: 100%;
height: 200px;
color: #fff;
background: url(https://pbs.twimg.com/media/DlgIpR7VAAEg04O.jpg);
background-size: 100%;
[/class]
[class=BasicsText]
position: relative;
height: auto;
color: #fff;
overflow: visible;
padding: 15px 5px 15px 5px;
font-size: 10px;
line-height: 15px;
text-align: justify;
white-space: pre-wrap;
[/class]

[class=PersonaContent]
position: relative;
overflow: auto;
width: 216px;
height: 350px;
color: #fff;
padding-right: 5px;
[/class]
[class=PersonaPic]
position: relative;
width: 100%;
height: 350px;
color: #fff;
background: url(https://i.pinimg.com/564x/0a/1d/c8/0a1dc8561c05baed78582ff8fbfe2f06.jpg);
background-size: 100%;
[/class]
[class=PersonaText]
position: relative;
height: auto;
color: #fff;
overflow: visible;
padding: 15px 5px 15px 5px;
font-size: 10px;
line-height: 15px;
text-align: justify;
white-space: pre-wrap;
[/class]

[class=BackstoryContent]
position: relative;
overflow: auto;
width: 216px;
height: 350px;
color: #fff;
padding-right: 420px;
[/class]
[class=BackstoryPic]
position: relative;
width: 100%;
height: 350px;
color: #fff;
background: url(https://i.pinimg.com/564x/5c/d8/96/5cd89676f69c448ef327887286591ad4.jpg);
background-size: 100%;
[/class]
[class=BackstoryText]
position: relative;
height: auto;
color: #fff;
overflow: visible;
padding: 15px 5px 15px 5px;
font-size: 10px;
line-height: 15px;
text-align: justify;
white-space: pre-wrap;
[/class]

[class=ExtraContent]
position: relative;
overflow: auto;
width: 366px;
height: 200px;
color: #fff;
padding-right: 35px;
[/class]
[class=ExtraPic]
position: relative;
width: 100%;
height: 200px;
color: #fff;
background: url(https://www.kanal247.com/images/media/photo/2018/08/24/19283.jpg);
background-size: 110%;
[/class]
[class=ExtraText]
position: relative;
height: auto;
color: #fff;
overflow: visible;
padding: 15px 5px 15px 5px;
font-size: 10px;
line-height: 15px;
text-align: justify;
white-space: pre-wrap;
[/class]

[div class=BG]
[div class=BoxBasics]
[div class=BasicsContent]
[div class=BasicsPic][/div]
[div class=BasicsText]Name:
Nickname:
Age:
Gender:
Sexuality:
Birthday:
Role:
Hair Color:
Eye Color:
Height/Weight:
Body Mods:
Faceclaim:
[/div][/div][/div]

[div class=BoxPersona]
[div class=PersonaContent]
[div class=PersonaPic][/div]
[div class=PersonaText]Vices:
Virtues:
Likes:
Dislikes:
Habits/Quirks:
Fears/Weaknesses:
[/div]
[/div]
[/div]

[div class=BoxBackstory]
[div class=BackstoryContent]
[div class=BackstoryPic][/div]
[div class=BackstoryText]Family:
Residence
Education:
History: 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.

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.

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.

[/div]
[/div]
[/div]

[div class=BoxExtra]
[div class=ExtraContent]
[div class=ExtraPic][/div]
[div class=ExtraText]Theme Song:
Favorite drink:
Favorite food:
Favorite movie:
Favorite holiday:
Other:
Relationships:

[/div]
[/div]
[/div]

[/div]
Code by Stardust Galaxy Stardust Galaxy | Hidden scrolls in pictures | pastebin X
[/nobr][/nobr]
 
[nobr]
[class=background]
position: relative;
width: 550px;
background-color: #5E6575;
border: 1px solid #000;
margin: auto;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
border-radius: 10px;
[/class]

[class=backgroundtwo]
background-color: white;
border: 1px solid #000;
height: 500px;
border-radius: 10px;
[/class]

[class=banner]
height: 25px;
background-color: white;
color: black;
padding: 10px;
border-radius: 10px;
[/class]

[class=info]
color: white;
padding: 10px;
[/class]

[div class=background][div class=banner]
Crust
[/div]
[div class=info]Placeholder.
[br][/br]
Mobile friendly.
[br][/br]
Frame is a png picture.
[/div][/div][/nobr]
[nobr]

[nobr]
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 300px;
height: 485px;
background-color: rgba(255,255,255,0);
overflow: hidden;
margin: auto;
padding: 0;

[/class]
[class=Pic1]
position: absolute;
overflow: visible;
width: 300px;
height: 460px;
left: 0px;
top: 20px;
background: url(https://i.pinimg.com/564x/fd/5e/55/fd5e55442fa4e1f1a231cd9a7357da64.jpg);
background-size: 125%;
background-position: 60% 20%;
[/class]
[class=Pic2]
position: absolute;
overflow: visible;
width: 300px;
height: 460px;
left: 0px;
top: 20px;
background: url(https://i.imgur.com/YoZad6E.png);
background-size: 110%;
background-position: 60% 20%;
[/class]
[class=Name]
position: absolute;
left: 10px;
top: 30px;
overflow: hidden;
width: 250px;
height: 45px;
text-align: left;
font-family: Segoe UI;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: rgba(0,0,0,1);
[/class]
[class=Role]
position: absolute;
left: 160px;
top: 415px;
overflow: hidden;
width: 140px;
height: 45px;
text-align: left;
font-family: Segoe UI;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: rgba(0,0,0,1);
[/class]

[div class=BG]
[div class=Pic1][/div]
[div class=Pic2][/div]
[div class=Name]Character Name[/div]
[div class=Role]Role[/div]
[/div]
Code by Stardust Galaxy Stardust Galaxy | pastebin: X
[/nobr][/nobr]
 

Goodbye for now

I never thought that I would be writing this post so soon, but here we are, and writing every word is making my heart ache just a little bit more, but I think is best to close this chapter due to the changes that are going to be happening soon regarding BBC+.
When I first joined RPN, my intention was to become a better writer and create all these wonderful stories with all the members. But along the way, I saw how all these wonderful users made incredible and beautiful codes, that just inspired me to become like them. As dumb as it sounds, my dream was to learn how to code and have my own coding thread, having someone used something that I create was something I always wanted to see.
Maybe I didn't get to the point where I wanted to be and I didn't saw my codes in every thread like I was expecting it would happen, I know I was lacking in a lot of areas and maybe my codes were not up to par from the ones of the other users, but just getting a notification that someone loved or liked my code made me extremely happy. I'm sad that there were tons of codes that I did, that I might not be able to post and share with everyone, but I guess things happen for a reason and I'll save them and hopefully be able to bring them back to life once everything gets sorted out.
I'll do my best to come back, but for that to happen, I have to learn all the basic of BBCode, when I started coding it was thanks to sox sox tutorials and I'll always be grateful for that because otherwise this thread and all these codes would have never happened.
I want to give a big shout out and thank you to all the wonderful coders that inspired me, support me and that fixed all my codes while I was having an existential crisis, so crucially crucially , sox sox , Uxie Uxie constellation constellation weldherwings weldherwings and all the incredible users of RPN, you guys are the true MVP.
Stardust Galaxy.
 

crucially

𝘆𝗼𝘂’𝗿𝗲 𝗮𝘀 𝘀𝗮𝗻𝗲 𝗮𝘀 𝗶 𝗮𝗺
LIKE, SOXI SAID, CONTINUE MAKING THEM. BECAUSE IM ROOTING YOU ON BBY.
YOU GOT THIS AND I'M SO PROUD OF HOW FAR YOU'VE GOTTEN. YOUR CODES ARE UWU AND ILY !
 

Uxie

( ´ ▽ ` ).。o♡
each and every one of ur codes were amazing n unique so pls keep on coding!!!!! you learnt a lot and every new code said so much about how far you've gotten, so don't forget that :""")
ily mami i hope i see u again when bbcode's back
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top