coding assistance

Masquerade's picture
I was wondering if I could get some help translating this post's code into something that plays nice with TEF.

The code featured in that post:

[div align="center"]

[div style="width:700px;height:500px;background-image:url(https://i.imgur.com/NkFnrAN.jpg);padding:5px;"][div align="right"]
[PTabbedContent]

[PTab=[div style="text-shadow: 1px 2px 2px #E2FADB , 2px 1px 2px #E2FADB, -1px 2px 2px #E2FADB, 2px -1px 2px #E2FADB, 2px 2px 2px #E2FADB;"][font color="#9BC4CB"]?[/font][/div]] [div style="height:450px;background-color:#5F634F;padding:10px;overflow:auto;box-shadow:0 0 3px #000000 inset, 0 0 5px #000000, 0 0 10px #000000;"] [font color="#F2F9F7"]
[div align="center" style="border-bottom:#9BC4CB 1px solid;"][font size="4" face="courier new" color="#9BC4CB"]activity[/font]

[div][attr=class,presuf]P[span]Physically healthy.[/span][/div] ? [div][attr=class,presuf]M[span]Suffering no mental ailments.[/span][/div] ? [div][attr=class,presuf]E[span]Doing well emotionally.[/span][/div]

[/div]
month - day - year
...

month - day - year
...[/font] [/div] [/PTab={tab-background-color:transparent;tab-hover-font-size:24pt;tab-font-size:20pt;}]

[PTab=[div style="text-shadow: 1px 2px 2px #E2FADB , 2px 1px 2px #E2FADB, -1px 2px 2px #E2FADB, 2px -1px 2px #E2FADB, 2px 2px 2px #E2FADB;"][font color="#9BC4CB"]?[/font][/div]] [div style="height:450px;background-color:#5F634F;padding:10px;overflow:auto;box-shadow:0 0 3px #000000 inset, 0 0 5px #000000, 0 0 10px #000000;"] [font color="#F2F9F7"][div align="center" style="border-bottom:#9BC4CB 1px solid;"]
[font face="courier new" size="4"][font color="9bc4cb" size="2"]?[/font] basics [font color="9bc4cb" size="2"]?[/font][/font]

[/div]

? [font face="courier new" color="#9BC4CB" size="2"]name ?[/font] Algiz
? [font face="courier new" color="#9BC4CB" size="2"]alias(es) ?[/font] G.Z.
? [font face="courier new" color="#9BC4CB" size="2"]pictogram ?[/font] [a href="https://i.gyazo.com/d24e0f9eebbca6caa536203131444b25.png"][font color="E2FADB"]misshapen S[/font][/a]

? [font face="courier new" color="#9BC4CB" size="2"]age ?[/font] Young fawn
? [font face="courier new" color="#9BC4CB" size="2"]gender ?[/font] ? 

? [font face="courier new" color="#9BC4CB" size="2"]alignment ?[/font] True neutral
? [font face="courier new" color="#9BC4CB" size="2"]zodiac ?[/font] Leo (8/2/2018)

? [font face="courier new" color="#9BC4CB" size="2"]alignment ?[/font] True neutral


[/font] [/div] [/PTab={tab-background-color:transparent;tab-hover-font-size:24pt;tab-font-size:20pt;}]

[PTab=[div style="text-shadow: 1px 2px 2px #E2FADB , 2px 1px 2px #E2FADB, -1px 2px 2px #E2FADB, 2px -1px 2px #E2FADB, 2px 2px 2px #E2FADB;"][font color="#9BC4CB"]?[/font][/div]] [div style="height:450px;background-color:#5F634F;padding:10px;overflow:auto;box-shadow:0 0 3px #000000 inset, 0 0 5px #000000, 0 0 10px #000000;"] [font color="#F2F9F7"][div align="center" style="border-bottom:#9BC4CB 1px solid;"]
[font face="courier new" size="4"][font color="9bc4cb" size="2"]?[/font] traits [font color="9bc4cb" size="2"]?[/font][/font]

[/div]


[font face="courier new" size="3"]physical[/font]
? [font face="courier new" color="#9BC4CB" size="2"]pelt ?[/font] default fawn pelt
? [font face="courier new" color="#9BC4CB" size="2"]antlers ?[/font] swan or periwinkles
? [font face="courier new" color="#9BC4CB" size="2"]mask ?[/font] secretary bird

? [font face="courier new" color="#9BC4CB" size="2"]species ?[/font] mule deer
? [font face="courier new" color="#9BC4CB" size="2"]adult size ?[/font] [a href="https://tinyurl.com/y83lg5ac"][font color="E2FADB"]28[/font][/a]
? [font face="courier new" color="#9BC4CB" size="2"]current size ?[/font] [a href="https://tinyurl.com/y83lg5ac"][font color="E2FADB"]14[/font][/a]


[font face="courier new" size="3"]mental[/font]
? [font face="courier new" color="#9BC4CB" size="2"]positive ?[/font] trait, trait, trait, trait.
? [font face="courier new" color="#9BC4CB" size="2"]neutral ?[/font] trait, trait, trait.
? [font face="courier new" color="#9BC4CB" size="2"]negative ?[/font] trait, trait.


[/font][/div] [/PTab={tab-background-color:transparent;tab-hover-font-size:36pt;tab-font-size:27pt;}]

[PTab=[div style="text-shadow: 1px 2px 2px #E2FADB , 2px 1px 2px #E2FADB, -1px 2px 2px #E2FADB, 2px -1px 2px #E2FADB, 2px 2px 2px #E2FADB;"][font color="#9BC4CB"]?[/font][/div]] [div style="height:450px;background-color:#5F634F;padding:10px;overflow:auto;box-shadow:0 0 3px #000000 inset, 0 0 5px #000000, 0 0 10px #000000;"] [font color="#F2F9F7"][div align="center" style="border-bottom:#9BC4CB 1px solid;"]
[font face="courier new" size="4"][font color="9bc4cb" size="2"]?[/font] wip [font color="9bc4cb" size="2"]?[/font][/font]

[/div]

Life’s alright in devil town
Yeah right, no one’s gonna catch us now
Dad has bought a new car now
We’re fine, no one’s gonna catch us now

We’re all dead in devil town
That’s fine, cause nothing’s gonna scare us now
We’re all in our dressing gowns
Mines white and stripy yours is green and brown

I forgot my name again
I think thats something worth remembering
Spiders in your favourite shoes
Just leave them be cause they’re more scared of you

Devil town is colder in the summer time
I’ll lose my mind at least another thousand times
Hold my hand tight
We’ll make it another night
I still get a little scared of something new
But I feel a little safer when I’m with you
Falling doesn’t feel so bad when I know you’ve fallen this way too

Life’s a treat in devil town
My ears have acclimated to the sound
Pretty faces fly around and round
My head as it contemplates this town I’ve found

It’s lovely in the evening time but 
Every time I close my eyes the 
Sunshine gets a little dimmer
Now the clouds fall down
I sink my teeth into my fingers
Blossom swims across the river 
How do you feel so proud
Every time I close my eyes the 
Colours fade and change inside my mouth
It’s all too loud
I sink my teeth into my fingers
Blood forms branches in the water



[/font][/div] [/PTab={tab-background-color:transparent;tab-hover-font-size:24pt;tab-font-size:20pt;}]

[PTab=[div style="text-shadow: 1px 2px 2px #E2FADB , 2px 1px 2px #E2FADB, -1px 2px 2px #E2FADB, 2px -1px 2px #E2FADB, 2px 2px 2px #E2FADB;"][font color="#9BC4CB"]?[/font][/div]] [div style="height:450px;background-color:#5F634F;padding:10px;overflow:auto;box-shadow:0 0 3px #000000 inset, 0 0 5px #000000, 0 0 10px #000000;"][font color="#F2F9F7"][div align="center" style="border-bottom:#9BC4CB 1px solid;"]
[font face="courier new" size="4"][font color="9bc4cb" size="2"]?[/font] wip [font color="9bc4cb" size="2"]?[/font][/font]


[/div]

You don't have to be a hero to save the world 
It doesn't make you a narcissist to love yourself 
It feels like nothing is easy, it'll never be 
That's alright, let it out, talk to me 

You don't have to be a prodigy to be unique 
You don't have to know what to say or what to think 
You don't have to be anybody you can never be 
That's alright, let it out, talk to me 

Anxiety, tossing turning in your sleep 
Even if you run away, you still see them in your dreams 
It's so dark tonight, but you'll survive 
Certainly 
It's alright, come inside and talk to me 

We can talk here on the floor 
On the phone if you prefer 
I'll be here until you're okay 
Let your words release your pain 
You and I will share the weight 
Growing stronger day by day 
It's so dark outside tonight 
Build a fire warm and bright 
And the wind it howls and bites 
Bite it back with all your might 

Anxiety, tossing turning in your sleep 
Even if you run away, you still see them in your dreams 
It's so dark tonight, it looks nice 
Fall asleep 
It's alright, come inside and talk to me


[/font][/div] [/PTab={tab-background-color:transparent;tab-hover-font-size:24pt;tab-font-size:20pt;}]

[/PTabbedContent={tabs:side;tabwidth:50px;tab-alignment:right;tabgap:45;animation:slide;border:0;width:500px;height:500px;}]
[/div]

[/div]
[/div]



[newclass=.presuf]display:inline;position:relative;transition:all ease 0.8s;[/newclass]
[newclass=.presuf:hover]color:#9BC4CB;[/newclass]
[newclass=.presuf span]visibility:hidden;;opacity:0;width:100px;font-family:arial;padding:5px;position:absolute;background:#F2F9F7;font-size:9px;color:#7D948D;z-index:3;transition: 0.5s;transition-delay:0.2s;margin-top:10px;margin-left: -30px[/newclass]
[newclass=.presuf:hover span]visibility:visible;;opacity:1;margin-top:25px;[/newclass]
[newclass=.presuf span i]width:15px;height:15px;margin-top:-11px;margin-left:10px;display:block;position:absolute;transform:rotate(-45deg);background:#fff;z-index:-1;[/newclass]



Add me on Discord at Dole#6347

https://pastebin.com/6qpUumhz

https://pastebin.com/6qpUumhz

Written from scratch, functional on tefc.
If you got further questions on how it works, etc, I'll give my discord.
Make sure you've got your Input Format set to BBCode before you preview/post the blog.