Page 1 of 6

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 12:41
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.)

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 13:18
by Blackwolf
:thumb: LIKE...RAD DUDE...WELL DONE. ;)

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 13:50
by darkonia
wow looks great

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 18:51
by martin123456
installed but no show :|

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 19:51
by doktornotor
Without configuring in ACP it won't have any effect. :P

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 19:55
by martin123456
doktornotor wrote:Without configuring in ACP it won't have any effect. :P
did that and back at ya :joint:
snapshot13.png

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 19:58
by doktornotor
Yes, and the problem with that is? What does not show?

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 20:04
by martin123456
Guess im having a stupid day :D i really can t see :D

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 20:05
by doktornotor
So it works, or not, or ... :?:

[ADDON] CSS3 Progress Bars (with eyecandy)

Posted: 04 Dec 2011, 20:07
by martin123456
Not for me nope