[MyBB 1.8.x Tutorial] Custom Spinner Style

[Alias 0]

Today we're going to change the spinner style to achieve this:

 

 

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

 

 

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

Add this 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".

[Calce 0]

Thanks buddy.

[Edward 47]

Nice spinner.

[tamboza 151]

nice one :kappa: :kek: