Private Message Inbox Bar Enhanced

Installation:
Time: 1 Minute.
Difficulty: Extremely Easy.
Template Modifications: 2.
Uploads: 2 images.

Directions:

1. Upload the 2 images to your images/misc folder. If you wish to store in a different location such as a theme folder that is fine. The images used in the bar can vary between theme since its locations are controlled in the CSS.

2. In pm_messagelist template,

Find: (line 43 - 49 default)
Code:
Code:
<table style="border:2px groove" cellpadding="0" cellspacing="1" border="0" width="100%">
	<tr>
		<if condition="$show['thisfoldertotal']"><td width="$tdwidth[folder]" style="background-color:red; font-size:10px" title="<phrase 1="$totalmessages">$vbphrase[messages_stored_in_folder_x]</phrase>">&nbsp;</td></if>
		<if condition="$show['allfolderstotal']"><td width="$tdwidth[total]" style="background-color:orange; font-size:10px" title="<phrase 1="$bbuserinfo[pmtotal]">$vbphrase[total_messages_in_all_folders_x]</phrase>">&nbsp;</td></if>
		<if condition="$tdwidth[quota] > 0"><td width="$tdwidth[quota]" style="background-color:green; font-size:10px" title="<phrase 1="$permissions[pmquota]">$vbphrase[maximum_allowed_messages_x]</phrase>">&nbsp;</td></if>
	</tr>		
</table>
Replace with:
Code:
Code:
<div class="inbox_bar_full" style="width:481px; height:30px;">
	<div style="float:left; height:30px; width:$tdwidth[folder]%;"></div>
	<div style="float:left; height:30px; width:$tdwidth[total]%;"></div>
	<div class="inbox_bar_empty" style="float:right;height:30px; width:$tdwidth[quota]%;"></div>	
</div>

3. In your Main CSS under Additional CSS Definitions,

Add:
Code:
Code:
/* Custom Private Message Inbox Bar Enhanced */

.inbox_bar_full {
background: url(images/misc/barfull.png);
}
.inbox_bar_empty {
background: url(images/misc/barempty.png);
background-position: right;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

THATS IT!!
 
Back
Top