PrivateAlps.net - Offshore Cloud Services | VPS/RDP/VPN - Dedicated Servers - Webhosting - TOR Services - Auto Deploy
MyBB Tutorials

Logo Scrolling Backgorund

Submitted by Mr_Joker, , Thread ID: 5646

Thread Closed
04-07-2015, 11:08 PM
Working Not Working Link Down
#1
The background animation is done using CSS. These keyframes are defined in the CSS:
Code:
@-webkit-keyframes bgscroll {
    from {background-position: 0 0;}
    to {background-position: -1100px 0;}
}

@-moz-keyframes bgscroll {
    from {background-position: 0 0;}
    to {background-position: -1100px 0;}
}

@-ms-keyframes bgscroll {
    from {background-position: 0 0;}
    to {background-position: -1100px 0;}
}

@-o-keyframes bgscroll {
    from {background-position: 0 0;}
    to {background-position: -1100px 0;}
}

@keyframes bgscroll {
    from {background-position: 0 0;}
    to {background-position: -1100px 0;}
}

Put those codes underneath global.css


Then add these codes...example #Header..
Code:
-moz-animation: bgscroll 70s infinite linear;
    -ms-animation: bgscroll 70s infinite linear;
    -o-animation: bgscroll 70s infinite linear;
    -webkit-animation: bgscroll 70s infinite linear;

If you have a header with background image then you may put those codes above and place it in your header css Tongue It should then work!

If it doesn't ask for support I'll help you out Wink This works for MyBB 1.6 & 1.8

RE: Logo Scrolling Backgorund

#2
It worked nicely on 1.8 and not only mybb it can be applied to many places

Thanks,

RE: Logo Scrolling Backgorund

#3
Yeah this is cool bro.

RE: Logo Scrolling Backgorund

#4
Is there any preview ?
[Image: mEdN04.gif]

RE: Logo Scrolling Backgorund

#5
I just tried this by now and its really amazing, I like this bro, Thanks for sharing with us.

RE: Logo Scrolling Backgorund

#6
08-07-2015, 09:47 AM
Admin Wrote: It worked nicely on 1.8 and not only mybb it can be applied to many places

Thanks,

Users browsing this thread: 1 Guest(s)