Idea
The Pun Tyrant
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:
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!
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!