• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help BBCode 2, still don't seem to be able to get it to work

Idea

The Pun Tyrant
Roleplay Availability
Roleplay Type(s)
My Interest Check
I already got a bit of help to understand BBCode+ 2, but it seems I still don't quite get it or at least I'm not managing to get what I want to work working. So here's the code:

Code:
[class=red]
background-color:black;
border-top:12px solid grey;
border-bottom:12px solid grey;
border-left:270px solid grey;
border-right:270px solid grey;
border-radius:25px;
width:40%;
margin:0 auto;
[/class]
[class=blue]
display:inline-block;
background-color:blue;
height:100px;
width:100%;
[/class]
[class=text]
text-align:center;
color:yellow;
animation:{post_id}loop 5s linear infinite;
animation-fill-mode:both;
font-size:200%;
border:2px solid yellow;
[/class]

[div class=blue style="display:none";]s[/div]
[div class=red][div class=text][font=orbitron]➢ Click To Play ⮘[/font][/div][/div]


[script class=red version=2 on=click]
(fadeOut 3000 red)
(setTimeout 10 (group
       (fadeIn 4000 blue)))
[/script]
[animation=loop]
[keyframe=0]opacity:1[/keyframe]
[keyframe=5]opacity:0.9[/keyframe]
[keyframe=10]opacity:0.8[/keyframe]
[keyframe=15]opacity:0.7[/keyframe]
[keyframe=20]opacity:0.6[/keyframe]
[keyframe=25]opacity:0.5[/keyframe]
[keyframe=30]opacity:0.4[/keyframe]
[keyframe=35]opacity:0.3[/keyframe]
[keyframe=40]opacity:0.2[/keyframe]
[keyframe=45]opacity:0.1[/keyframe]
[keyframe=50]opacity:0[/keyframe]
[keyframe=55]opacity:0.1[/keyframe]
[keyframe=60]opacity:0.2[/keyframe]
[keyframe=65]opacity:0.3[/keyframe]
[keyframe=70]opacity:0.4[/keyframe]
[keyframe=75]opacity:0.5[/keyframe]
[keyframe=80]opacity:0.6[/keyframe]
[keyframe=85]opacity:0.7[/keyframe]
[keyframe=90]opacity:0.8[/keyframe]
[keyframe=95]opacity:0.9[/keyframe]
[keyframe=100]opacity:1[/keyframe]
[/animation]


Basically what I want this to do is to create an innitial div with a looping animation (so far so good) that, when pressed, fades out, followed by a previously hidden div fading in. With regular divs the fade in and fade out happened at the same time, which put the two divs on top of each other, but when I tried using the BBcode 2 as recommended the clicking stopped doing anything altogether.

I would love, if you can help me, to get this fixed, but more importantly to understand what I'm doing wrong so that I may be able to use this on my own in the future. As I mentioned I already got some help, but as this is turning into a more particular issue I decided it'd be best to make a thread for it.

Thank you for reading!
 
In bbscript 2, not having quotation marks means that they are variables. To make them immediate text, you have to do "red" and "blue"
 
In bbscript 2, not having quotation marks means that they are variables. To make them immediate text, you have to do "red" and "blue"
Oooh, I thought those were just to make it stand out and not actually a part of the code... Well, the more you know. Code seems to be working now, thank you very much :)
 

Users who are viewing this thread

Back
Top