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

RE: Logo Scrolling Backgorund

Admin
Novice
Level:
0
Reputation:
3
Posts:
41
Likes:
3
Credits:
5
08-07-2015, 09:47 AM
#2
It worked nicely on 1.8 and not only mybb it can be applied to many places

Thanks,

RE: Logo Scrolling Backgorund

mrgmodman
Novice
Level:
0
Reputation:
0
Posts:
39
Likes:
0
Credits:
0
08-07-2015, 10:43 AM
#3
Yeah this is cool bro.

RE: Logo Scrolling Backgorund

Noppy
Active Member
Level:
0
Reputation:
27
Posts:
288
Likes:
16
Credits:
11
31-05-2016, 08:29 PM
#4
Is there any preview ?
[Image: mEdN04.gif]

RE: Logo Scrolling Backgorund

kaito04
Novice
Level:
0
Reputation:
0
Posts:
32
Likes:
7
Credits:
65
16-06-2016, 04:59 AM
#5
I just tried this by now and its really amazing, I like this bro, Thanks for sharing with us.

RE: Logo Scrolling Backgorund

Guest
Level:
0
Posts:
N/A
Likes:
0
Credits:
0
22-06-2017, 12:30 PM
#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)