We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Macro Preloader

Featured Lock Resolved Task
I would like to make a custom preloader. gif animation of a logo. Anyone point me in the right direction on this.

Thanks much,
Rich

2 Answers

Holger Groß

More than a month ago #Permalink
hi,

have a look at : http://preloaders.net or http://loadergenerator.com/

;)

Kind regards

Peter Dowse

More than a month ago #Permalink
This is really easy to do - just get a gif, upload it to your images folder and add this to your custom CSS.


#preloader .spinner {
content:url(/images/your-gif-name.gif);
height:10rem;
width:10rem;
}


I added some height and width elements in there - you don't have to add these or you can make them smaller or larger depending on the size of the gif.

You may also need to change the background colour of #preloader if you have a white gif. In my case I just added


#preloader {
background-color: #ffffff;
}


to my custom css as well and the results were great!!


There are no replies made for this post yet.
Be one of the first to reply to this post!

123

Templates

326946

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us