MyBB Tutorials
Custom Spinner Style
Submitted by Aoki, 15-01-2015, 01:04 AM, Thread ID: 14
Thread Closed
Today we're going to change the spinner style to achieve this:
![[Image: tSLsa3d.png]](//i.imgur.com/tSLsa3d.png)
First of all, download these two images and upload them to your theme directory.
![[Image: zPfVeMW.gif]](//i.imgur.com/zPfVeMW.gif)
![[Image: ggZmBaX.gif]](//i.imgur.com/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:
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".
![[Image: tSLsa3d.png]](http://i.imgur.com/tSLsa3d.png)
First of all, download these two images and upload them to your theme directory.
![[Image: zPfVeMW.gif]](http://i.imgur.com/zPfVeMW.gif)
![[Image: ggZmBaX.gif]](http://i.imgur.com/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".
RE: Custom Spinner Style
02-02-2015, 02:48 PM
#2 RE: Custom Spinner Style
21-02-2015, 08:55 AM
#3 RE: Custom Spinner Style
RE: Custom Spinner Style
09-03-2016, 11:29 AM
#5 This is quite useful thank you very much 
RE: Custom Spinner Style
03-07-2017, 09:22 PM
#6 Useful, thank you
Users browsing this thread: 2 Guest(s)