MegMath13
We're All Mad Here!
I'm just sharing what little and crappy(I think) bbcodes I've made
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
I made a Hogwarts Detention Notice for fun! It's not mobile friendly at least not on my phone.
[div=background: url('https://images-na.ssl-images-amazon.com/images/I/51L6WWzQRsL._SX425_.jpg') 80%; height: 550px; width: 800px; margin: auto;]
[imageFloat=left][IMG]https://www.sccpre.cat/mypng/full/231-2313598_hogwarts-logo-black-and-white-png-hogwarts-crest.png[/IMG][/imageFloat][COLOR=Black][h][Font=Luckiest Guy]Detention Notice[/Font][/h][/COLOR]
[SIZE=5][COLOR=black][Font=Neucha] Student Name:
Date of Incident:
Year Group:
Teacher:
Reason For Detention: [/Font]
[U]Type your reason here[/U]
[Font=Neucha] Recommended Punishment: [/Font]
[U] Type Recommended punishment here [/U]
[row][column=span4][Font=Neucha] Student Signature: [U]student[/U] [/Font] [/column][column=span4][Font=Neucha] Teacher Signature: [U]teacher[/U] [/Font][/column][Font=Neucha][/font][/row][Font=Neucha][/Font][/COLOR][/SIZE]
[nobr]
[class=tabs]
background-color: #ae0001;
color: Gold;
font-size: 18px;
line-height: 1;
margin: 20px auto;
min-width: 350px;
text-align: center;
width: 50%;
[/class]
[class=tab]
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 33%;
[/class]
[class name=tab state=hover]
background-color: red;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} Basics) (show tabsContentBasics)
if (eq ${currentTab} Persona) (show tabsContentPersona)
if (eq ${currentTab} History) (show tabsContentHistory)
if (eq ${currentTab} Other) (show tabsContentOther)
[/script]
[class name=container]
overflow: hidden;
max-width: 500px;
width: 100%;
box-sizing: border-box;
height: 360px;
margin: 0 auto;
padding: 5px;
[/class]
[class name=scroll]
width: 100%;
height: 100%;
box-sizing: content-box;
padding-right: 200px;
overflow-Y: scroll;
overflow-X: hidden;
[/class]
[Center][row][column=span3][div=background-color: gold;background-size:cover;border:14px #ae0001 double;color: #000000;padding:5px; height: 400px; width: 350px;][div=background: url('https://66.media.tumblr.com/5e8762bfd6889a1dde4e72f140f24999/tumblr_inline_ozujmijBxg1sir8ad_250.gif') 80%; height: 160px; width: 180px; margin: auto;][/div][h][FONT=Cinzel] Jocelyn Parker[/FONT][/h]
[Font=Mali] ❝I may be small but I will not be pushed around by you. Back off or I will jinx you❞[/Font]
[div class=tabs][div class=tab style="border-top-left-radius: 5px; border-bottom-left-radius: 5px;"]Basics[/div][div class=tab]Persona[/div]
[br][/br]
[div class=tab]History[/div][div class=tab style="border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 34%;"]Other[/div][/div]
[/div][/column] [column=span3][div=background-color: gold ;background-size:cover;border:14px #ae0001 double;color: #000000;padding:5px; height: 400px; width: 500px;]
[div class="tabsContent tabsContentBasics"][div class=container][div class=scroll]
[div=background: url('https://78.media.tumblr.com/6782154c636af970490e4d76cb890b1d/tumblr_pac02rclf31ub1jaco1_250.gif') 80%; height: 160px; width: 180px; margin: auto;][/div]
[br][/br][h] BASIC INFORMATION [/h]
[Font=Mali]full name: Jocelyn Quinn Parker
[br][/br]
blood status: Half-Blood
[br][/br]
birthday: March 19th, 1999
[br][/br]
age: 14 years old
[br][/br]
birthplace: Paris, France
[br][/br]
current residence: London, England
[br][/br]
gender: female
[br][/br]
sexuality: heterosexual
[br][/br]
wand: Pear, Phoenix Feather, 13 1/4 inches, slightly springy
[br][/br]
year: 4th year
[br][/br]
house: Gryffindor
[br][/br]
[br][/br]
[div=background: url('https://data.whicdn.com/images/304230777/original.gif') 80%; height: 160px; width: 180px; margin: auto;][/div]
[br][/br] [H]APPEARANCE[/H] [br][/br]
hair color: ginger brown
[br][/br]
eye color: blue
[br][/br]
height: 5'1
[br][/br]
weight: 106
[br][/br]
distinguishing features: her hair and the scars across the left side of her face.
[br][/br]
piercings | tattoos: Just her Ear Lobes
[br][/br]
scars | markings: She has scars across the left side of her face because of a werewolf attack when she was 8 years old.
[br][/br]
faceclaim: Sadie Sink
[br][/br]
[/Font]
[/div][/div][/div]
[div class="tabsContent tabsContentPersona" style="display: none;"][div class=container][div class=scroll]
[Font=Mali ]
[div=background: url('https://66.media.tumblr.com/2aefea60d7d8f4aec9f9d9d58388d963/tumblr_ozzso1LUiR1udofvgo2_400.gif') 80%; height: 180px; width: 180px; margin: auto;][/div]
[br][/br][H]PERSONA[/H]
personality: Jocelyn is an outgoing and adventurous person. She is loyal to her friends and family, but she is very strong willed which sometimes gets her into trouble. She is athletic. She is practically fearless and while she sometimes has self doubts they very rarely cause her to rethink her decisions. She never backs down from a challenge. She's compassionate and will often times bring home stray animals that she nurtures back to health and then sets free or finds them a good home. She is sometimes very snappy and doesn't want to be around anyone, mainly because she does not want them to find out about her condition. She has a very short temper and when she gets mad enough, she will not hesitate to hex or jinx someone that is bothering her, for this reason she gets detention quite a bit.
[br][/br]
likes: rain, nature, writing, drawing, music, food, having fun, quidditch, all kinds of magical creatures
[br][/br]
dislikes: thunder, cats, mice, packing bags, getting up early,sleeping with no socks, long pajama bottoms
[br][/br]
habits:
[br][/br]
-bites the end of her quill when she is concertrating
[br][/br]
-always taping her fingers on the desk or table.
[br][/br]
fears: the full moon, her family dying
[br][/br]
skills:
[br][/br]
quidditch: she's a good player and despite never being on a broom before hogwarts she seemed to have an affinity for the sport
[br][/br]
Hexs and Jinxs: She can cast these very well, especially if she is angry.
[/Font]
[/div][/div][/div]
[div class="tabsContent tabsContentHistory" style="display: none;"][div class=container][div class=scroll]
[Font=Mali]
[div=background: url('https://data.whicdn.com/images/293517414/original.gif') 80%; height: 160px; width: 180px; margin: auto;][/div]
[H]HISTORY[/H]
bio: Jocelyn's mother, a single witch that had met a man while she was on holiday in Paris and when she had gone back three months before Jocelyn was born the man that had gotten Jocelyn's mother pregnant had already married and was having a baby with his wife. Jocelyn's mother was stranded in Paris with nowhere to go until a kind old woman took the pregnant woman and her two year old son in and helped her through the end of her pregnancy. Jocelyn was born a 3:45 in the morning, already showing signs of red hair. When she was about four years old her mother moved back to London and got back together with Jocelyn's older brother's father. Her early childhood after moving until age eight was uneventful.
[br][/br]
When she was eight years old, she and her brother were playing outside just after dark and the moon had risin and werewolf came seemingly out of nowhere and attacked the two children. Her older brother had taken off running as soon as he spotted the wolf and escaped the attack with nothing more than a long scar on his right arm. Jocelyn was not so luck and had taken the brunt of the attack and was rushed to saint mungos where the healers told her mother and father figure that she had been bitten and would most likely die. But she didn't die and has had to live with becoming a werewolf every month on the full moon.
[br][/br]
family:
[br][/br]
David Duvall | Biological Father | Living | Former Papillonlisse(Baubaxtions)| Has never met him
[br][/br]
Madeline Henry nee Parker | Mother | Living | Former Ravenclaw
[br][/br]
Daniel Henry | Father Figure | Living | Former Gryffindor
[br][/br]
Nicholas Henry | Older Brother | Living | TBD
[br][/br]
Justin Henry | Younger Brother | Living | Not yet attending Hogwarts
[br][/br]
other relationships:
[br][/br]
Lydia Warren | friend | Living | Hufflepuff
[/Font]
[/div][/div][/div]
[div class="tabsContent tabsContentOther" style="display: none;"][div class=container][div class=scroll][Font=Mali]
[div=background: url('https://i.pinimg.com/originals/9e/64/52/9e6452a703d9893c66e0d9dd8073e9b5.gif') 80%; height: 300px; width: 200px; margin: auto;][/div]
[H]Magical Information[/H]
best core class:
[br][/br]
Charms
[br][/br]
worst core class:
[br][/br]
History of Magic
[br][/br]
electives:
[br][/br]
Care of Magical Creatures and Ancient Runes
[br][/br]
extracurriculars:
[br][/br]
She plays Chaser for the House Quidditch team.
[br][/br]
boggart:
[br][/br]
everyone she cares about dead because of her
[br][/br]
patronus:
[br][/br]
A Fox
[br][/br]
animagus (?):
[br][/br]
None
[br][/br]
amortentia:
[br][/br]
Oranges. pepper mint hot chocolate, and Cherry Blossom Shampoo
[br][/br]
[/Font] [/div][/div][/div]
[/div][/column][/row][/Center]
[/nobr]
Yes, They cut off when I pasted the code here. I didn't have the rich text editor off. so it added some code. I'll have to put them again.
Thank you!Wooooo~ these are beautiful
It isFable Is it better now?