MyBB Tutorials

Logo Scrolling Backgorund

Submitted by Mr_Joker, , Thread ID: 5646

Thread Closed
Mr_Joker
YouR JuSt G4Y
Level:
0
Reputation:
3
Posts:
795
Likes:
51
Credits:
493
04-07-2015, 11:08 PM
#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

Users browsing this thread: 1 Guest(s)