The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Background Slideshow/Rotation?

3 posters

Go down

Background Slideshow/Rotation? Empty Background Slideshow/Rotation?

Post by Kfalash September 14th 2016, 2:05 am

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.


Last edited by Kfalash on September 16th 2016, 3:08 am; edited 1 time in total
Kfalash
Kfalash
New Member

Female Posts : 24
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by Kfalash September 15th 2016, 4:05 am

Bump?
Kfalash
Kfalash
New Member

Female Posts : 24
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by Kfalash September 16th 2016, 4:22 am

Bump

If it helps, it could also just be a way where it changes depending on the page or just changes every page/reload.
Kfalash
Kfalash
New Member

Female Posts : 24
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by Kfalash September 18th 2016, 6:40 pm

Bump
Kfalash
Kfalash
New Member

Female Posts : 24
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by Kfalash September 20th 2016, 3:04 am

Bump

If there is no solution to this, I'd really like to be told so
Kfalash
Kfalash
New Member

Female Posts : 24
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by vietkanpy September 20th 2016, 5:30 am

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; }
}
vietkanpy
vietkanpy
Forumember

Male Posts : 89
Reputation : 33
Language : vietnam

http://benhxahoivn.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by Kfalash September 20th 2016, 6:24 am

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!
Kfalash
Kfalash
New Member

Female Posts : 24
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by Kfalash September 22nd 2016, 5:48 am

Bump
Kfalash
Kfalash
New Member

Female Posts : 24
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by Kfalash September 25th 2016, 2:29 am

Bump

And actually looking at it now that code is working for the mobile version Razz
Kfalash
Kfalash
New Member

Female Posts : 24
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Background Slideshow/Rotation? Empty Re: Background Slideshow/Rotation?

Post by Ace 1 September 26th 2016, 1:40 am

@Kfalash ACP > Display > Colors > CSS Stylesheet

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.
Ace 1
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum