Go to:
Private Messaging Templates > private_pmspace
Replace the entire content with:
Result:
![[Image: TWX9Pw5.png]]()
Restyle it as you like changing the CSS properties ...
Happy coding![Big Grin]( "Big Grin")
Private Messaging Templates > private_pmspace
Replace the entire content with:
Code:
<span class="smalltext float_right"> <strong>{$overhalf}{$belowhalf}</strong></span>
<div id="pm_usage" title="{$overhalf}{$belowhalf} {$lang->pmspaceused}">
<div id="pm_usage_bar" style="width: {$overhalf}{$belowhalf}"></div>
</div>
<style type="text/css">
#pm_usage {
float: right;
width: 150px;
border: 1px solid #0F5C8E;
padding: 1px;
height: 12px;
}
#pm_usage_bar {
background: red;
padding: 6px 0;
}
</style>Result:
![[Image: TWX9Pw5.png]](http://i.imgur.com/TWX9Pw5.png)
Restyle it as you like changing the CSS properties ...
Happy coding
