AI10100
Expert Lurker
[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
orange is a named color in this code//
// 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// [/class] [class=Background] background:url(https://www.desktop-background.com/p/2014/05/21/765689_chinese-dragon-wallpapers-hd-backgrounds-desktop-wallpapers_1024x768_h.jpg); position:relative; padding:20px; height:350px; width:350px; transition: width 3s, height 3s; // This is the background image as well as the backgrounds beginning size// [/class] [class=BackgroundFull] height:410px; width:99%; transition: width 1s, height 1s; //the back ground at its full size// [/class] [class=Hide] display: none; //hides what needs to be hidden// [/class] [class=Image] float:left; margin-right:20px; border:2px SOLID Yellow; line-height:0; width:300px; height:350px; border-radius:50%; overflow:hidden; background:url(https://i.pinimg.com/originals/dc/e1/74/dce17493e9eb1e95a51172aa0bd057c8.jpg); background-position: 20% 5%; cursor:pointer; transition: width 3s, border-radius 3s, height 3s; //border around image and its starting size// [/class] [class=ImageFull] width:260px; height: 400px; border-radius:10px; overflow:hidden; background-position: 20% 5%; transition: width 3s , border-radius 3s, height 3s; //the image's full size// [/class] [class=Name] float:left; width:calc( 100% - 35%); font-size:50px; text-align:center; color:black; //How the Name looks// [/class] [class=Text] float:left; background-color:rgba(0,0,0,0.7); width:calc( 100% - 35%); height:300px; overflow:scroll; overflow-x:hidden; padding:10px; font-size:15px; color:white; box-shadow: 0px 0px 5px 10px rgba(77,77,76,0.6); //how the text looks// [/class] [Script class=Image] set addedClass 0 set fadedIn 0 //allows the script function below to work by setting variables// [/script] [Script class=Image on=click] if (eq ${addedClass} 0) (addClass ImageFull) (removeClass ImageFull) if (eq ${addedClass} 0) (addClass BackgroundFull Background) (removeClass BackgroundFull Background) if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0) if (eq ${fadedIn} 0) (fadeIn 1000 Name) (fadeOut 1000 Name) if (eq ${fadedIn} 0) (fadeIn 1000 Text) (fadeOut 1000 Text) if (eq ${fadedIn} 0) (set fadedIn 1) (set fadedIn 0) //makes it possible to click between the bigger and smaller sizes// //// //
// [/script] [div class="Background"] [div class="Image"] [/div] [div class="Name Hide"] Michael Zhang | Li Shang [/div] [div class="Text Hide"] Interacting with: Daiyu (@PandorasBox101)
Mentions:
Michael snickered at Daiyu's apparent shock as he snuck behind her. His snicker turned into a more genuine smile as he was received warmly by his friend. "Huh, you should have gone out earlier then." He mocked while deepening his voice to mimic a professor who was strict on attendance. There were only a few of those but this professor had said it enough for it to be a recurring joke among his students - and sometimes, even with the staff members. "But hey, at least you're here. We don't have any classes so we can swing by a cafe or something." He suggested. As much as he can bear cafeteria food, he would much rather leave the campus to grab a bite to eat when he has the time. Personal preferences and all.
"Surreal." Michael grumbled. "It felt just like yesterday I was taking my GE courses." He reminisced. Now, however, he was free to only take his core subjects. He doubted he would have much free time once he gets into the thick of things. He was planning to graduate on that year, after all, and he wasn't going to let failing grades be the one to pull him down. He can't afford too many years here at the university, after all. His parents' money won't last him forever and he'd rather be out of university by the time he has gone past the threshold of his inheritance money. His nose scrunched up a bit when Daiyu began speaking in Chinese - a language that was never actually thought to him due to his parents also growing up in America instead of China. "I have no idea what you just said and you know it." [/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// [/class] [class=Background] background:url(https://www.desktop-background.com/p/2014/05/21/765689_chinese-dragon-wallpapers-hd-backgrounds-desktop-wallpapers_1024x768_h.jpg); position:relative; padding:20px; height:350px; width:350px; transition: width 3s, height 3s; // This is the background image as well as the backgrounds beginning size// [/class] [class=BackgroundFull] height:410px; width:99%; transition: width 1s, height 1s; //the back ground at its full size// [/class] [class=Hide] display: none; //hides what needs to be hidden// [/class] [class=Image] float:left; margin-right:20px; border:2px SOLID Yellow; line-height:0; width:300px; height:350px; border-radius:50%; overflow:hidden; background:url(https://i.pinimg.com/originals/dc/e1/74/dce17493e9eb1e95a51172aa0bd057c8.jpg); background-position: 20% 5%; cursor:pointer; transition: width 3s, border-radius 3s, height 3s; //border around image and its starting size// [/class] [class=ImageFull] width:260px; height: 400px; border-radius:10px; overflow:hidden; background-position: 20% 5%; transition: width 3s , border-radius 3s, height 3s; //the image's full size// [/class] [class=Name] float:left; width:calc( 100% - 35%); font-size:50px; text-align:center; color:black; //How the Name looks// [/class] [class=Text] float:left; background-color:rgba(0,0,0,0.7); width:calc( 100% - 35%); height:300px; overflow:scroll; overflow-x:hidden; padding:10px; font-size:15px; color:white; box-shadow: 0px 0px 5px 10px rgba(77,77,76,0.6); //how the text looks// [/class] [Script class=Image] set addedClass 0 set fadedIn 0 //allows the script function below to work by setting variables// [/script] [Script class=Image on=click] if (eq ${addedClass} 0) (addClass ImageFull) (removeClass ImageFull) if (eq ${addedClass} 0) (addClass BackgroundFull Background) (removeClass BackgroundFull Background) if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0) if (eq ${fadedIn} 0) (fadeIn 1000 Name) (fadeOut 1000 Name) if (eq ${fadedIn} 0) (fadeIn 1000 Text) (fadeOut 1000 Text) if (eq ${fadedIn} 0) (set fadedIn 1) (set fadedIn 0) //makes it possible to click between the bigger and smaller sizes// //// //
// [/script] [div class="Background"] [div class="Image"] [/div] [div class="Name Hide"] Michael Zhang | Li Shang [/div] [div class="Text Hide"] Interacting with: Daiyu (@PandorasBox101)
Mentions:
Michael snickered at Daiyu's apparent shock as he snuck behind her. His snicker turned into a more genuine smile as he was received warmly by his friend. "Huh, you should have gone out earlier then." He mocked while deepening his voice to mimic a professor who was strict on attendance. There were only a few of those but this professor had said it enough for it to be a recurring joke among his students - and sometimes, even with the staff members. "But hey, at least you're here. We don't have any classes so we can swing by a cafe or something." He suggested. As much as he can bear cafeteria food, he would much rather leave the campus to grab a bite to eat when he has the time. Personal preferences and all.
"Surreal." Michael grumbled. "It felt just like yesterday I was taking my GE courses." He reminisced. Now, however, he was free to only take his core subjects. He doubted he would have much free time once he gets into the thick of things. He was planning to graduate on that year, after all, and he wasn't going to let failing grades be the one to pull him down. He can't afford too many years here at the university, after all. His parents' money won't last him forever and he'd rather be out of university by the time he has gone past the threshold of his inheritance money. His nose scrunched up a bit when Daiyu began speaking in Chinese - a language that was never actually thought to him due to his parents also growing up in America instead of China. "I have no idea what you just said and you know it." [/div] [/div]
Code by @AgWordSmith