Background Slideshow/Rotation?
3 posters
Page 1 of 1
Background Slideshow/Rotation?
I recently stumbled upon this topic about a banner slideshow, and was wondering if there was a way to do that to the background? I originally wanted something that would change it depending on the time of day, but I feel like this would be easier and probably save others some time.
So, is there a way to make a background slideshow? I have a phpBB3 forum.
So, is there a way to make a background slideshow? I have a phpBB3 forum.
Last edited by Kfalash on September 16th 2016, 3:08 am; edited 1 time in total
Re: Background Slideshow/Rotation?
Bump
If it helps, it could also just be a way where it changes depending on the page or just changes every page/reload.
If it helps, it could also just be a way where it changes depending on the page or just changes every page/reload.
Re: Background Slideshow/Rotation?
Bump
If there is no solution to this, I'd really like to be told so
If there is no solution to this, I'd really like to be told so
Re: Background Slideshow/Rotation?
test change Background body.
- Code:
body {
animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
-webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */
-moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */
-o-animation: colorBackground 20s infinite; /* Opera 12.00 */
}/* change background */
@keyframes colorBackground {
0% { background-color: #fbcf61; color: #fbcf61; }
20% { background-color: #6bd57e; color: #6bd57e; }
40% { background-color: #ff6f6f; color: #ff6f6f; }
60% { background-color: #57cff4; color: #57cff4; }
80% { background-color: #0ed4c8; color: #0ed4c8; }
100% { background-color: #fbcf61; color: #fbcf61; }
}
@-webkit-keyframes colorBackground {
0% { background-color: #fbcf61; color: #fbcf61; }
20% { background-color: #6bd57e; color: #6bd57e; }
40% { background-color: #ff6f6f; color: #ff6f6f; }
60% { background-color: #57cff4; color: #57cff4; }
80% { background-color: #0ed4c8; color: #0ed4c8; }
100% { background-color: #fbcf61; color: #fbcf61; }
}
@-moz-keyframes colorBackground {
0% { background-color: #fbcf61; color: #fbcf61; }
20% { background-color: #6bd57e; color: #6bd57e; }
40% { background-color: #ff6f6f; color: #ff6f6f; }
60% { background-color: #57cff4; color: #57cff4; }
80% { background-color: #0ed4c8; color: #0ed4c8; }
100% { background-color: #fbcf61; color: #fbcf61; }
}
@-o-keyframes colorBackground {
0% { background-color: #fbcf61; color: #fbcf61; }
20% { background-color: #6bd57e; color: #6bd57e; }
40% { background-color: #ff6f6f; color: #ff6f6f; }
60% { background-color: #57cff4; color: #57cff4; }
80% { background-color: #0ed4c8; color: #0ed4c8; }
100% { background-color: #fbcf61; color: #fbcf61; }
}
Re: Background Slideshow/Rotation?
I tried it but it seems it's not working for me. Just to be clear, what does it go under (CSS, JS, Html)? And it's for a phpBB3 forum, correct? Also, would there be a way to have it for image links instead of colors? (Although colors could work if it's not possible)
Thank you for trying to help!
Thank you for trying to help!
Re: Background Slideshow/Rotation?
Bump
And actually looking at it now that code is working for the mobile version
And actually looking at it now that code is working for the mobile version
Re: Background Slideshow/Rotation?
@Kfalash ACP > Display > Colors > CSS Stylesheet
Add this code:
I'm sorry I'm being lazy but if you want them to be randomized, I'll gladly do that. Otherwise this should work.
And the code above is for 5 images, if you want more/less then just let me know.
Add this code:
- Code:
#wrap { background: none; }
.conteneur_container_IE { animation: ss 5s infinite; }
@keyframes ss {
0% { background-image: url('http://2img.net/i/fa/empty.gif'); }
25% { background-image: url('http://2img.net/i/fa/empty.gif'); }
50% { background-image: url('http://2img.net/i/fa/empty.gif'); }
75% { background-image: url('http://2img.net/i/fa/empty.gif'); }
100% { background-image: url('http://2img.net/i/fa/empty.gif'); }
}
I'm sorry I'm being lazy but if you want them to be randomized, I'll gladly do that. Otherwise this should work.
And the code above is for 5 images, if you want more/less then just let me know.
Similar topics
» A second rotation banner???
» How can to make banners in rotation.
» Banner Rotation delay time
» How to make a Clickable picture rotation
» SlideShow
» How can to make banners in rotation.
» Banner Rotation delay time
» How to make a Clickable picture rotation
» SlideShow
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum