MyBB Tutorials

Custom Spinner Style

Submitted by Aoki, , Thread ID: 14

Thread Closed
Aoki
retired
Level:
83
Reputation:
348
Posts:
7.89K
Likes:
2.3K
Credits:
1.7K
15-01-2015, 01:04 AM
#1
Today we're going to change the spinner style to achieve this:

[Image: tSLsa3d.png]

First of all, download these two images and upload them to your theme directory.

[Image: zPfVeMW.gif][Image: ggZmBaX.gif]

Next, we will navigate to AdminCP > Templates & Style > Themes > Your theme > global.css and open it in the advanced editor.
Add this code:

Code:
#spinner {
background: #303030 !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
        color: #ccc !important;
        border: 1px solid #404040 !important;
        -webkit-box-shadow:  0px 0px 10px 1px #000;
        box-shadow:  0px 0px 10px 1px #000;
}

If the new spinner doesn't show up immediately, clear your cache.
If you're using cloudflare, go to CloudFlare settings and click "purge cache".
1

RE: Custom Spinner Style

Fstyle
Novice
Level:
0
Reputation:
0
Posts:
46
Likes:
5
Credits:
86
02-02-2015, 02:48 PM
#2
can this be used with 1.8?

RE: Custom Spinner Style

Vlad
Novice
Level:
0
Reputation:
0
Posts:
22
Likes:
0
Credits:
30
21-02-2015, 08:55 AM
#3
02-02-2015, 02:48 PM
Fstyle Wrote:
can this be used with 1.8?

Yes, this can be used on 1.8 even tho it looks ugly as fuck might as well edit the css while you are at it.

RE: Custom Spinner Style

Tropical
Fulltime Member
Level:
0
Reputation:
35
Posts:
1.04K
Likes:
54
Credits:
117
20-06-2015, 11:01 PM
This post was last modified: 20-06-2015, 11:04 PM by Tropical
#4
How the hell?
It don't show up.

Where is the spinner style to add in the templates?

This is located in general.js

RE: Custom Spinner Style

therobertks
Lurker
Level:
0
Reputation:
0
Posts:
5
Likes:
0
Credits:
5
09-03-2016, 11:29 AM
#5
This is quite useful thank you very much Smile

RE: Custom Spinner Style

Guest
Level:
0
Posts:
N/A
Likes:
0
Credits:
0
03-07-2017, 09:22 PM
#6
Useful, thank you Smile

Users browsing this thread: 1 Guest(s)