![]() |
|
Mod Options |
![]() |
|||||||||||||||||||
pace.js - smooth page loading indicator
![]() Developer Last Online: Aug 2021 ![]() ![]() ![]()
Hi,
This mod will show a nice loading indicator on top of your forum until all elements and resources are loaded and rendered on your forum. It's also very easy to install. 1) Download the attached file and unzip it. 2) Upload the pace.min.js file to the clientscript/ folder of your forum. 3) Now go to your style manager and open the template headinclude. 4) Add the following:
5) Save. 6) Go to the CSS/additional.css template and add the following:
7) Save and you're done! Tip: for more loading indicators and an easy way to set your color, go to http://github.hubspot.com/pace/docs/welcome/ All credits go to pace.js. Download Now Only licensed members can download files, Click Here for more information. Show Your Support
|
Comments |
#2
|
|||
|
|||
Thank you very much
![]() No members have liked this post.
Last edited by john7911; 21 Jun 2014 at 21:19. |
#3
|
||||
|
||||
Can this also be used with 3.8.X?
__________________
Diễn đàn Game, Tài Liệu, Diễn đàn công nghệ, Tai lieu, Tài liệu miễn phí, Luận Văn Tốt Nghiệp, Diễn đàn SEO, Download phim, Diễn đàn đồ họa No members have liked this post.
|
#4
|
|||
|
|||
This will and should work on any version, any software, any website.
No members have liked this post.
|
#5
|
|||
|
|||
Please can you try to make without Changing a template manually?
__________________
No members have liked this post.
|
#6
|
|||
|
|||
I'm not sure what you mean, the only way to add this is by modifying a template.
No members have liked this post.
|
#7
|
||||
|
||||
This works perfect! Thank you! Installed and Tagged.
You can see it working on my site: https://thetechgenius.net Edit: You can also change the theme of the Progress Bar using CSS. Check out the themes here: http://github.hubspot.com/pace/docs/welcome/ I haven't tried to change the theme yet, but I think you just copy the css and replace it in your additional css. But like I said, im not sure since I haven't tried it yet. Edit 2: I have just tried to change the theme, and it does work. I changed my progress bar to the Barber Theme. Here is the CSS:
Change the code in RED to match the color of your Style and to your liking. You can go to my site for a preview of the Barber Progress Bar Theme, I changed the color and the Height of my progress bar, to best match my custom style. https://thetechgenius.net All credit goes to the OP Dave, Thank you for this simple, yet very good mod!! The following members like this post: CoZmicShReddeR
Last edited by thetechgenius; 09 Jul 2014 at 23:36. |
#8
|
||||
|
||||
Its not hard to edit a template, and with this you don't have to "replace" any code, your just adding code. Its really just one template your editing, the other is just adding CSS to your additional.css. It takes maybe 30secs.
No members have liked this post.
|
#9
|
|||
|
|||
I'm glad you like it.
![]() No members have liked this post.
|
#10
|
|||
|
|||
Originally Posted by thetechgenius
![]()
Template/files edits are a bad, bad thing. Every time you upgrade vB you need to edit every template/files you've done edits in. That's no fun. I hate doing any manual edits to my forum because of this.
__________________
No members have liked this post.
|
#11
|
||||
|
||||
No, template edits are not bad.
Template edits don't get changed/removed between versions unless you go out of your way to do the,.
__________________
Looking for ImpEx?
No members have liked this post.
|
#12
|
||||
|
||||
Thank you
![]() No members have liked this post.
|
![]() |
«
Previous Mod
|
Next Mod
»
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Mod Options | |
|
|
New To Site? | Need Help? |
All times are GMT. The time now is 21:00.