Description: Displays a colored status bar in your PM inbox that changes color according to how much PM space you have left in your folder.
Demo: This site.
Screenshots: Attached file: Upload the two images to your forums image folder.
Template edits
Open styles/subsilver2/template/ucp_pm_message_header.html
Find:
Code: Select all
<td class="gensmall" nowrap="nowrap" width="100%"> [ <b>{FOLDER_CUR_MESSAGES}</b>/{FOLDER_MAX_MESSAGES} {L_MESSAGES} ({FOLDER_PERCENT}%) ] </td>
Code: Select all
<td class="gensmall" nowrap="nowrap" width="100%"> [ <b>{FOLDER_CUR_MESSAGES}</b>/{FOLDER_MAX_MESSAGES} {L_MESSAGES}]<br /><div><div style="background:url(images/green_bar.png) repeat-x; background-color: #33ff00; border: 1px solid black; width:50%; margin-top: 2px;"><div style="background:url(images/red_bar.png) repeat-x;background-color: #ff0000; color: white; font-weight:bold; max-width:100%; width:{FOLDER_PERCENT}%; height:18px;"><div align="center">({FOLDER_PERCENT}%)</div></div></div></div> </td>
Open styles/prosilver/template/ucp_pm_message_header.html
Find:
Code: Select all
<!-- IF FOLDER_STATUS and FOLDER_MAX_MESSAGES neq 0 --><p>{FOLDER_STATUS}</p><!-- ENDIF -->
Code: Select all
<!-- IF FOLDER_STATUS and FOLDER_MAX_MESSAGES neq 0 --><p style="float:left;">{FOLDER_STATUS}</p><div style="float:right; background:url(images/green_bar.png) repeat-x; background-color: #cccccc; border: 1px solid black; width:200px;"><div style="background:url(images/red_bar.png) repeat-x;background-color: #008040; color: white; font-weight:bold; max-width:100%; width:{FOLDER_PERCENT}%; height:18px;"></div></div><br style="clear:both" /><!-- ENDIF -->