[ADDON] CSS3 Progress Bars (with eyecandy)

Modifications for phpBB3.
Try the Mods here and share Your own Mods
Forum rules
You dont have to use ModX or make your mod AutoMod compatible. A simple textfile is fine
But if you post Mods here You also have to give support

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by doktornotor »

Modification Name: Forum Goal - CSS3 Addon
Author: doktornotor

Modification Description: Pure CSS3 progress bars for Forum Goals
Modification Version: 1.0.3

Requirements: Forum Goal MOD (duh!)

Features:
This addon makes it possible to use pure CSS3 for Forum Goal MOD progress bars, together with some nice effects, such as striped progress bar and progress bar animation.
  • Optional striped progress bar
  • Optional jQuery progress bar animation
  • ACP settings for the above
  • Fully AutoMOD installable
  • subsilver2 supported (download and install the templates for main Forum Goals MOD here first!
Note: You can switch between the normal images and CSS via ACP!

Limitations: Since CSS3 level of support heavily differs across browsers and even browser versions, best results will be achieved with most recent versions of browsers with best CSS3 support.
  • Striped effect does not work in IE and Opera.
  • Animated progress bar only works in Webkit-based browsers, such as recent Google Chrome/Chromium.
Regardless of the above, the basic progressbar working should be unaffected in any decent browser, the users will simply just miss those eye-candy effects when using less advanced browsers.

Demo URL: Click here

Modification Download: See attachments

Changelog:

1.0.3:
  • Updated for 1.0.3.
  • Added missing jQuery.
  • Added CSS for stripes in Opera, thanks to FTH.
1.0.2:
Initial version.

Notes on 1.0.3 : I have removed the donation goal edit from prosilver install since it went MIA in this version. There is a premodded template in contrib/ which includes it in case you are using the donation mod.

Notes on updating from 1.0.2:

No update instructions included, AutoMOD sucks with updates.
1/ Upload the files from root/
2/ Upload the premodded templates fromcontrib/templates_premod
3/ Browser to install_forum_goal_css3_addon.php to update the MOD version in the DB.
4/ Done!

Bonus: Packed addon for [ADDON] Visitor Goal (Who was here?) (this includes all the manual edits in that thread plus CSS3.)
You do not have the required permissions to view the files attached to this post.
Last edited by doktornotor on 06 Dec 2011, 21:42, edited 8 times in total.

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by Blackwolf »

:thumb: LIKE...RAD DUDE...WELL DONE. ;)

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by darkonia »

wow looks great

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by martin123456 »

installed but no show :|

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by doktornotor »

Without configuring in ACP it won't have any effect. :P

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by martin123456 »

doktornotor wrote:Without configuring in ACP it won't have any effect. :P
did that and back at ya :joint:
snapshot13.png
You do not have the required permissions to view the files attached to this post.

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by doktornotor »

Yes, and the problem with that is? What does not show?

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by martin123456 »

Guess im having a stupid day :D i really can t see :D

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by doktornotor »

So it works, or not, or ... :?:

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by martin123456 »

Not for me nope