Little Shenanigans
Ocean Nerd
[class=base] background:white; width:90%; margin:10px auto; padding:10px; //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 put 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 color named by its name is White// //this is the white background// //or the base of the design// [/class] [class=hidden] display: none; //this allows all the content I don't want to be seen until clicked to be hidden, or not on display until I code otherwise// [/class] [class=Img] border:2px solid #000000; line-height:0px; margin-left:5px; pointer-events:none; //the border around the Image// [/class] [class=ImagButton] background:#AA0101; border-radius:5px; margin:0px Auto;margin-right:5px; padding:5px; float:left; Width:70%; text-align:center; float:left; font-family:Book Antiqua; color:White; //The red buttons above the Images// [/class] [class name=ImagButton state=hover] cursor:pointer; Background-color:#48107E; color:red; //what the Imagebutton looks like// // when a cursor hovers over it// [/class] [class=ImagButtonClick] background:#330B5A; border-radius:5px; margin:10px Auto; margin-right:5px; padding:5px; float:left; Width:70%; color:white; //what the image button looks like when clicked on// [/class] [script class=ImagButton on=click] removeClass ImagButtonClick ImagButton addClass ImagButtonClick //above allows the user to toggle between a clicked and non-clicked colored button// set link (getText) //above sets the link to what ever text I put on the button within a div// if (eq "${link}" "Currently") (hide Head) if (eq "${link}" "Currently") (show Tags) if (eq "${link}" "Currently") (show Image) if (eq "${link}" "Currently") (hide Current) if (eq "${link}" "Image") (show Head) if (eq "${link}" "Image") (hide Tags) if (eq "${link}" "Image") (show Current) if (eq "${link}" "Image") (hide Image) // So this more or less translates to// //if the div has the text "Currently" in it it's set as a link and when clicked it will hide the Head class (my image) and show the Tags class and the class named Image (the new button)// //oh and below
means to put a break in the code, like pressing the enter button. it's necessary since the beginning means no breaks unless other wise told with that br code// //for anyone who doesn't know// [/script]
[div class="Desktop base"][div class="Current ImagButton" style="Margin-left:15px;"]Currently[div class="Image ImagButton hidden" style="Margin-left:15px;"]Image[/div]
[div class="Img Head"][/div] [div class="Tags hidden" style="margin-left:5px;"]Interacting: DebyDowner Little Shenanigans
Mentioned:N/A
Located:UA High ; Auditorium
[/div]JOBIN HISHIKAWA |CLOUD9
He began to open the door for his three companions before entering. The room was quite spacious; usually utilized for big gatherings such as that. However, that was more when UA had been in it's glory. Now, the large room would only be used by the few of the school today. All of the decorations and stage placement had already been done. All that remained was sorting the tables and chairs and placing the refreshments on those tables. "If I recall correctly , June asked you both a question. What are your names, boys?" Jobin began to use his clicker getting a feel for the room. A small huff taking place as he noticed the size.
[/div] Code by @AgWordSmith[/div]
.
.
Kuroh & Misaki Sakurai
Misaki once again, let out a sigh as he looked toward their principle. "I'm Misaki and that is my brother Kuroh." He said with a slight smile towards Kuroh who just stuck his tongue out slightly at his younger brother. He didn't entirely see the point on introducing themselves because well, weren't your teachers supposed to know your name? Maybe they just hadn't had the chance to look at their registries yet.
Kuroh quickly got to work by setting up the small drinks table with the amount he thought was appropriate. Once again, he was unsure why they seemed to need a drinks table but he guessed it was better that he didn't ask. While Kuroh was working, Misaki just leasurly wondered around, pretending to be doing things while really he was just lost in thought.
template by astraea