The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Background Slideshow/Rotation?

View previous topic View next topic Go down

Background Slideshow/Rotation?

Post by Kfalash on 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
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Re: Background Slideshow/Rotation?

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

Bump?

Kfalash
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Re: Background Slideshow/Rotation?

Post by Kfalash on 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
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Re: Background Slideshow/Rotation?

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

Bump

Kfalash
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Re: Background Slideshow/Rotation?

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

Bump

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

Kfalash
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Re: Background Slideshow/Rotation?

Post by vietkanpy on 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
New Member

Male Posts : 9
Reputation : 4
Language : vietnam

http://www.hotrofm.net/

Back to top Go down

Re: Background Slideshow/Rotation?

Post by Kfalash on 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
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Re: Background Slideshow/Rotation?

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

Bump

Kfalash
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Re: Background Slideshow/Rotation?

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

Bump

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

Kfalash
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Re: Background Slideshow/Rotation?

Post by Ace 1 on 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://illiweb.com/fa/empty.gif'); }
    25% { background-image: url('http://illiweb.com/fa/empty.gif'); }
    50% { background-image: url('http://illiweb.com/fa/empty.gif'); }
    75% { background-image: url('http://illiweb.com/fa/empty.gif'); }
    100% { background-image: url('http://illiweb.com/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
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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