Phayne
[▬▬(ஜ۩۞۩ஜ)▬▬]
[class=Notes]
// Forward slashes are comments
and do no show up in the final design,
these are to help you find everything easily
and explain some code as well.
These comments must be with in a class or script tags
in order to be hidden, from what I know//
// Long URls are images
# followed by letter and numbers are Hex codes
or color codes,
the only colors that are NAMED
and do not use hex codes
are White, black and Silver//
// This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags or you may copy and paste:
after each time you want to show a paragraph break you'll only need it one
if you only what to start at the next line// [/class] [class=BG] background-color:#ece7dc; color:black; font-familyldenburg; padding:10px 20px 10px 20px; text-align:center; //This is the Background// [/class] [class=Lines] width:100%; border-Top: 3px solid #102f7e; border-Bottom: 1px Solid #102f7e; border-Left: 5px Solid #ece7dc; border-Right: 5px solid #ece7dc; padding:2px; float:left; //The top lines// [/class] [class=Lines2] border-Top: 1px solid #102f7e; border-Bottom: 3px Solid #102f7e; border-Left: 5px Solid #ece7dc; border-Right: 5px solid #ece7dc; padding:2px; float:left; width:100%; //The bottom lines// [/class] [Class=Tags] background-color:#102f7e; width:244px; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; padding:3px 3px 60px 3px; //Optimal Spacing for the tags// [/class] [Class=Stats] background-color:#102f7e; width:244px; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; padding:3px 3px 60px 3px; //Optimal Spacing for the stats// [/class] [class=hidden] display:none; //Allows hidden things to be hidden until they are told to be shown// [/class] [class=Button] background-color: #102f7e; color: White; border-bottom: 1px SOLID silver; text-align:center; padding:5px; width:240px; //The Button with the OC's Name in it// [/class] [class name=Button state=hover] background-color: #081b4d; cursor:pointer; color:white; //What the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] //This script allows the button to do its button thing// set link (getText) //IMPORTANT // When you put in your OC's name into the button // you have to put it in the " " here in the code // THE EXACT NAME // just copy and paste it above in each " " and it will work// if (eq "${link}" "Azael Valefiore") (hide Tags) if (eq "${link}" "Azael Valefiore") (show Stats) if (eq "${link}" "Azael Valefiore") (show Eq) if (eq "${link}" "Azael Valefiore") (hide CR) //you don't have to change this //UNLESS you replaced the word "Status" in the button //THEN YOU HAVE TO REPLACE IT HERE TO //best to just not replace it if you're unfamiliar with code and just want the thing to work// if (eq "${link}" "Azael VaIefiore") (show Tags) if (eq "${link}" "Azael VaIefiore") (hide Stats) if (eq "${link}" "Azael VaIefiore") (hide Eq) if (eq "${link}" "Azael VaIefiore") (show CR) [/script] [class=ButtonBorder] border:1px SOLID silver; padding-bottom:-4px; padding-top:3px; font-family:Macondo; font-size:17px; //The border in the buttons// [/class] [class=Container] display:flex; margin:auto; flex-direction: row; align-content: flex-start //container for the flag ends// [/class] [class=Flag] width: 0%; height: 0; border-top: 126px solid #102f7e; border-right: 126px solid transparent; //Left triangle of flag// [/class] [Class=FlagA] width: 0%; height: 0; border-top: 126px solid #102f7e; border-left: 126px solid transparent; //right triangle of flag// [/class] [class=Icon] margin:0px auto; border: 3px SOLID silver; border-radius: 50%; width:150px; height:150px; overflow:hidden; background:url(https://i.pinimg.com/564x/31/51/33/31513390582333c692f3641909b6685a.jpg); background-size: 100% 120%; //The Icon for your Character please adjust the background-size to make your image look nice and not warps the first ##% adjusts the width of the image and the second the height you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end// //You can mess with adding background-position: ##% ##%; to postion your image nicely// [/class] [class=IconBord] margin:0px auto; margin-top:10px; border: 3px SOLID silver; border-radius: 50%; width:155px; height:154px; background:url(https://cdn.discordapp.com/attachments/535146287876538379/548158075497086979/SilverC.png); background-size:100% 100%; overflow:hidden; padding:3px; //The cool border around the image, you cannot change the color here, it's an image. you may go and take the URL of the image, download it and edit it to your color of choice or ask me to make you a custom color image for the border, you should not have to mess with this at all unless the color needs to be changed// [/class] [class=Armor] background:url(https://i.pinimg.com/564x/31/51/33/31513390582333c692f3641909b6685a.jpg); background-size: 100% 120%; //The Icon for your armor please adjust the background-size to make your image look nice and not warps the first ##% adjusts the width of the image and the second the height you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end// //You can mess with adding background-position: ##% ##%; to postion your image nicely// [/class] [class=Notes] \\Below is the code you can actually see and type responses in!\\ [/class] [div class=BG] [div class="Lines"][/div]
Azael's face remained unchanging as he watched Maria; a faint reddish hue appearing along his cheeks from where the young woman had enacted her revenge. Unsure how to react, Azael had been taken aback by her brazenness, the sheer audacity of the young human child to be so daring that she would even lay her hands upon a Fae; much less without his permission to do so. Did she not realise where she stood upon the Hekaspectrum? Did she not realise that her actions alone would have stirred the pot the boiled the blood of many a Fae too engrossed in their own self importance? Had this been perhaps any other Fae, then the repercussions may have been severe; fatal even. Alas, Azael was part of the minority; one of the few Fae folk that had escaped the fantasist belief of being at the pinnacle of every living creature presently known to exist. Rather than reacting negatively to the situation, Azael merely remained transfixed upon the girl as if his eyes had transcended the boundary of what she was and had instead peered into her soul; her essence.
They were even?, Azael knew not what she meant though he could not help but feel that her implications held a deeper meaning; though any attempt to discover what it was were instead put on hold as Azael studied the girl. A curious thing Maria was, like a pearl found tucked away in the deepest, darkest recesses of the ocean floor. Not many beings would have dared do what she had done, let alone be so brazen as to show self satisfaction towards the act. It was precisely this 'unpredictability' that the human race possessed, that had enamoured him. Were all humans capable of such a feat? Did they all possess the gift of being able to go beyond the limitations imposed upon them?
Alas, these were not answers that he would soon discover today, though perhaps he would gain insight soon enough considering they were to work the Booligan quest together.
"Marvelous, I look forward to working alongside you then" replied Azael, his right hand rising to his cheek's as he felt the slight stinging sensation begin to form. Despite living for so many years, he could not once recall ever feeling this way.
[div class="Lines2"][/div]
[/div]
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags or you may copy and paste:
after each time you want to show a paragraph break you'll only need it one
if you only what to start at the next line// [/class] [class=BG] background-color:#ece7dc; color:black; font-familyldenburg; padding:10px 20px 10px 20px; text-align:center; //This is the Background// [/class] [class=Lines] width:100%; border-Top: 3px solid #102f7e; border-Bottom: 1px Solid #102f7e; border-Left: 5px Solid #ece7dc; border-Right: 5px solid #ece7dc; padding:2px; float:left; //The top lines// [/class] [class=Lines2] border-Top: 1px solid #102f7e; border-Bottom: 3px Solid #102f7e; border-Left: 5px Solid #ece7dc; border-Right: 5px solid #ece7dc; padding:2px; float:left; width:100%; //The bottom lines// [/class] [Class=Tags] background-color:#102f7e; width:244px; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; padding:3px 3px 60px 3px; //Optimal Spacing for the tags// [/class] [Class=Stats] background-color:#102f7e; width:244px; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; padding:3px 3px 60px 3px; //Optimal Spacing for the stats// [/class] [class=hidden] display:none; //Allows hidden things to be hidden until they are told to be shown// [/class] [class=Button] background-color: #102f7e; color: White; border-bottom: 1px SOLID silver; text-align:center; padding:5px; width:240px; //The Button with the OC's Name in it// [/class] [class name=Button state=hover] background-color: #081b4d; cursor:pointer; color:white; //What the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] //This script allows the button to do its button thing// set link (getText) //IMPORTANT // When you put in your OC's name into the button // you have to put it in the " " here in the code // THE EXACT NAME // just copy and paste it above in each " " and it will work// if (eq "${link}" "Azael Valefiore") (hide Tags) if (eq "${link}" "Azael Valefiore") (show Stats) if (eq "${link}" "Azael Valefiore") (show Eq) if (eq "${link}" "Azael Valefiore") (hide CR) //you don't have to change this //UNLESS you replaced the word "Status" in the button //THEN YOU HAVE TO REPLACE IT HERE TO //best to just not replace it if you're unfamiliar with code and just want the thing to work// if (eq "${link}" "Azael VaIefiore") (show Tags) if (eq "${link}" "Azael VaIefiore") (hide Stats) if (eq "${link}" "Azael VaIefiore") (hide Eq) if (eq "${link}" "Azael VaIefiore") (show CR) [/script] [class=ButtonBorder] border:1px SOLID silver; padding-bottom:-4px; padding-top:3px; font-family:Macondo; font-size:17px; //The border in the buttons// [/class] [class=Container] display:flex; margin:auto; flex-direction: row; align-content: flex-start //container for the flag ends// [/class] [class=Flag] width: 0%; height: 0; border-top: 126px solid #102f7e; border-right: 126px solid transparent; //Left triangle of flag// [/class] [Class=FlagA] width: 0%; height: 0; border-top: 126px solid #102f7e; border-left: 126px solid transparent; //right triangle of flag// [/class] [class=Icon] margin:0px auto; border: 3px SOLID silver; border-radius: 50%; width:150px; height:150px; overflow:hidden; background:url(https://i.pinimg.com/564x/31/51/33/31513390582333c692f3641909b6685a.jpg); background-size: 100% 120%; //The Icon for your Character please adjust the background-size to make your image look nice and not warps the first ##% adjusts the width of the image and the second the height you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end// //You can mess with adding background-position: ##% ##%; to postion your image nicely// [/class] [class=IconBord] margin:0px auto; margin-top:10px; border: 3px SOLID silver; border-radius: 50%; width:155px; height:154px; background:url(https://cdn.discordapp.com/attachments/535146287876538379/548158075497086979/SilverC.png); background-size:100% 100%; overflow:hidden; padding:3px; //The cool border around the image, you cannot change the color here, it's an image. you may go and take the URL of the image, download it and edit it to your color of choice or ask me to make you a custom color image for the border, you should not have to mess with this at all unless the color needs to be changed// [/class] [class=Armor] background:url(https://i.pinimg.com/564x/31/51/33/31513390582333c692f3641909b6685a.jpg); background-size: 100% 120%; //The Icon for your armor please adjust the background-size to make your image look nice and not warps the first ##% adjusts the width of the image and the second the height you can use pixel measurements too if its easier! just put ##px ##px instead and keep the ; at the end// //You can mess with adding background-position: ##% ##%; to postion your image nicely// [/class] [class=Notes] \\Below is the code you can actually see and type responses in!\\ [/class] [div class=BG] [div class="Lines"][/div]
[div class="Button CR"][div class="ButtonBorder"]Azael Valefiore[/div][/div]
[div class="Button Eq hidden"][div class="ButtonBorder"]Azael VaIefiore[/div][/div]
[div class=Tags]
[div class=IconBord][div class=Icon][/div][/div]
Interacting: Maria animegirl20
Mentioned:
Located:
Outside his room.
Action:
In his Room [/div] [div class="Stats hidden"] [div class=IconBord][div class="Icon Armor"][/div][/div]
Currency:
N/A
Weapon:
Dues Requiem
Armor:
Valefiore Regalia
[/div] [Div class=Container] [Div class=Flag][/div][Div class=FlagA][/div] [/div]
Interacting: Maria animegirl20
Mentioned:
Located:
Outside his room.
Action:
In his Room [/div] [div class="Stats hidden"] [div class=IconBord][div class="Icon Armor"][/div][/div]
Currency:
N/A
Weapon:
Dues Requiem
Armor:
Valefiore Regalia
[/div] [Div class=Container] [Div class=Flag][/div][Div class=FlagA][/div] [/div]
They were even?, Azael knew not what she meant though he could not help but feel that her implications held a deeper meaning; though any attempt to discover what it was were instead put on hold as Azael studied the girl. A curious thing Maria was, like a pearl found tucked away in the deepest, darkest recesses of the ocean floor. Not many beings would have dared do what she had done, let alone be so brazen as to show self satisfaction towards the act. It was precisely this 'unpredictability' that the human race possessed, that had enamoured him. Were all humans capable of such a feat? Did they all possess the gift of being able to go beyond the limitations imposed upon them?
Alas, these were not answers that he would soon discover today, though perhaps he would gain insight soon enough considering they were to work the Booligan quest together.
"Marvelous, I look forward to working alongside you then" replied Azael, his right hand rising to his cheek's as he felt the slight stinging sensation begin to form. Despite living for so many years, he could not once recall ever feeling this way.
[/div]