TheInsaneManiac
04-21-2011, 10:00 PM
This will show your progress in your posts on anything you would like.
Installation:
1.) Upload the files to your VBulletin root.
2.) Go to your AdminCP -> Custom BB Codes -> Add New BB Code
Title:
Progress
BB Code Tag Name:
percentage
Replacement:
<div style='background:url(images/progress/progress_incomplete.png) repeat-x; background-color: #cccccc; border: 1px solid black; width:95%; margin-top: 2px;'><div style='background:url(images/progress/progress_complete.png) repeat-x;background-color: #008040; color: white; font-weight:bold; max-width:100%; width:{option}%; height:18px;'> {option}% {param}</div></div>
Example:
Complete
Use Option:
Yes
Button Image:
images/progress/progress.png
Remove Tag If Empty:
No
Disable BB Code Within This BB Code:
Yes
Disable Smilies Within This BB Code:
Yes
Disable Word Wrapping Within This BB Code:
Yes
Disable Automatic Link Parsing Within This BB Code:
Yes
3.) Save and you are ready to go.
4.) Marked Installed. =]
*Replace progress_complete.png and progress_incomplete.png with your own images to change the way the progress bar looks
Installation:
1.) Upload the files to your VBulletin root.
2.) Go to your AdminCP -> Custom BB Codes -> Add New BB Code
Title:
Progress
BB Code Tag Name:
percentage
Replacement:
<div style='background:url(images/progress/progress_incomplete.png) repeat-x; background-color: #cccccc; border: 1px solid black; width:95%; margin-top: 2px;'><div style='background:url(images/progress/progress_complete.png) repeat-x;background-color: #008040; color: white; font-weight:bold; max-width:100%; width:{option}%; height:18px;'> {option}% {param}</div></div>
Example:
Complete
Use Option:
Yes
Button Image:
images/progress/progress.png
Remove Tag If Empty:
No
Disable BB Code Within This BB Code:
Yes
Disable Smilies Within This BB Code:
Yes
Disable Word Wrapping Within This BB Code:
Yes
Disable Automatic Link Parsing Within This BB Code:
Yes
3.) Save and you are ready to go.
4.) Marked Installed. =]
*Replace progress_complete.png and progress_incomplete.png with your own images to change the way the progress bar looks