[ADDON] CSS3 Progress Bars (with eyecandy)

Download and support for PhpBB3 Forum Goal MOD
User avatar
doktornotor
BBCoder IV
BBCoder IV
Posts: 167
Joined: 14 Sep 2011, 23:20
BBCodes: 30
Favourite MOD: Thanks for Posts
Contact:

[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.)
Attachments
Forum_Goal_Visitor_Goal_Addon_1.0.3.zip
Visitor Goal Addon - CSS3 included
(36.68 KiB) Downloaded 230 times
Forum_Goal_CSS3_Addon_1.0.3.zip
Forum Goal 1.0.3 - CSS3 Addon
(191.52 KiB) Downloaded 254 times
Last edited by doktornotor on 06 Dec 2011, 23:42, edited 8 times in total.
Support requests via PM go straight to /dev/null!
User avatar
Blackwolf
BBCoder IV
BBCoder IV
Posts: 272
Joined: 04 Dec 2010, 12:36
BBCodes: 101
Favourite BBCode: Dropcap
Favourite MOD: mchat
Location: Melbourne Australia

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by Blackwolf »

:thumb: LIKE...RAD DUDE...WELL DONE. ;)
Ultimate Edition, Ultimate Edition Oz, Oz Unity

“We are Anonymous. We are Legion. We do not forgive. We do not forget. Expect us.”
User avatar
darkonia
BBCoder II
BBCoder II
Posts: 57
Joined: 23 May 2011, 19:40
BBCodes: 35
Favourite BBCode: hs bbcode
Favourite MOD: dm video
Location: Munich

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by darkonia »

wow looks great
Von Spielern für Spieler bietet Dir MMOG-Heaven genau das, was ein Spieler braucht. Bleibe ständig informiert, finde die neuesten MMORPGs, oder suche die frischesten News aus der Welt des Online Gamings auf MMOG-Heaven.
User avatar
martin123456
BBCoder VI
BBCoder VI
Posts: 765
Joined: 25 Jul 2011, 13:29
BBCodes: 34
Favourite MOD: Ban button
Location: Down south!
Contact:

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by martin123456 »

installed but no show :|
User avatar
doktornotor
BBCoder IV
BBCoder IV
Posts: 167
Joined: 14 Sep 2011, 23:20
BBCodes: 30
Favourite MOD: Thanks for Posts
Contact:

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by doktornotor »

Without configuring in ACP it won't have any effect. :P
Support requests via PM go straight to /dev/null!
User avatar
martin123456
BBCoder VI
BBCoder VI
Posts: 765
Joined: 25 Jul 2011, 13:29
BBCodes: 34
Favourite MOD: Ban button
Location: Down south!
Contact:

[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
User avatar
doktornotor
BBCoder IV
BBCoder IV
Posts: 167
Joined: 14 Sep 2011, 23:20
BBCodes: 30
Favourite MOD: Thanks for Posts
Contact:

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by doktornotor »

Yes, and the problem with that is? What does not show?
Support requests via PM go straight to /dev/null!
User avatar
martin123456
BBCoder VI
BBCoder VI
Posts: 765
Joined: 25 Jul 2011, 13:29
BBCodes: 34
Favourite MOD: Ban button
Location: Down south!
Contact:

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by martin123456 »

Guess im having a stupid day :D i really can t see :D
User avatar
doktornotor
BBCoder IV
BBCoder IV
Posts: 167
Joined: 14 Sep 2011, 23:20
BBCodes: 30
Favourite MOD: Thanks for Posts
Contact:

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by doktornotor »

So it works, or not, or ... :?:
Support requests via PM go straight to /dev/null!
User avatar
martin123456
BBCoder VI
BBCoder VI
Posts: 765
Joined: 25 Jul 2011, 13:29
BBCodes: 34
Favourite MOD: Ban button
Location: Down south!
Contact:

[ADDON] CSS3 Progress Bars (with eyecandy)

Post by martin123456 »

Not for me nope
Locked