Download the attached file and upload to your theme folder
/*---progress bar length for personal messages---*/ .pm_progress_bar { border: 1px solid #d8d8d8; padding: 1px; margin-top: 10px; margin-bottom: 10px; } .pm_progress_bar span { background: #000000; font-size: 0em; text-indent: -2000em; height: 10px; display: block; overflow: hidden; }
.pm_status { float:left; border: 1px solid #d8d8d8; padding: 0px; background-color: #fff; width: 280px; height: 100px; margin-left: 20px; margin-right: 5px; } .pm_status_head { border-bottom: 1px solid #d8d8d8; font-size: 0.9em; background: #fff url("../images/bbcodes.png") repeat-x 0 100%; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e; }
html,body{ height:100%; margin:0px; padding: 0px; background: none; }
html,body{ font-size: 11px; font-family: verdana; height:100%; margin:0px; padding: 0px; background: none; } img { border:0px; } /*--- horizontal menu in the file upload ---*/ .tabs { font: bold 11px/1.5em Verdana; float:left; width:100%; background:change-background; line-height:normal; } .tabs ul { margin:0; padding:10px 10px 0 5px; list-style:none; } .tabs li { display:inline; margin:0; padding:0; } .tabs a { float:left; background:url("images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } .tabs a span { float:left; display:block; background:url("images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#6B78A9; } .tabs a span {float:none;} .tabs a:hover span, .tabs a.current span { color:#6B78A9; } .tabs a:hover, .tabs a.current { background-position:0% -42px; } .tabs a:hover span, .tabs a.current span { background-position:100% -42px; } /*--- block for file upload and uploaded files ---*/ .box { height: 300px; border:1px solid #B3B3B3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#fff url(images/shadow.png) repeat-x; overflow: auto; }
<li>Registration: {registration}</li>
<li>Status: [online]<img src="{THEME}/images/online.png" style="vertical-align: middle;" title="Currently Online" alt="Currently Online" />[/online][offline]<img src="{THEME}/images/offline.png" style="vertical-align: middle;" title="Currently Offline" alt="Currently Offline" />[/offline]</li>
<div class="ratebox"><div class="rate">{rating}</div></div>
[rating]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating]
<div class="dpad">[inbox]Inbox[/inbox] | [outbox]Outbox[/outbox] | [new_pm]Send New PM[/new_pm]</div>
<div class="dpad"> <div class="pm_status"> <div class="pm_status_head">PM Statistics</div> <div class="pm_status_content">PM for your account usages: {pm-progress-bar} {proc-pm-limit}% out of ({pm-limit} allowed) </div> </div> <div style="padding-top:10px;">[inbox]Inbox[/inbox]<br /><br /> [outbox]Outbox[/outbox]<br /><br /> [new_pm]Send New PM[/new_pm]</div> </div><br /> <div class="clr"></div>
<li><span class="grey">Last Visited:</span> <b>{lastdate}</b></li>
<li><span class="grey">Last Visited:</span> <b>{lastdate}</b>, <span class="grey">Status:</span> [online]<img src="{THEME}/images/online.png" style="vertical-align: middle;" title="Currently Online" alt="Currently Online" />[/online][offline]<img src="{THEME}/images/offline.png" style="vertical-align: middle;" title="Currently Offline" alt="Currently Offline" />[/offline]</li>
<li><span class="grey">Last visited:</span> <b>{lastdate}</b></li>
<li>Status: [online]<img src="{THEME}/images/online.png" style="vertical-align: middle;" title="Currently Online" alt="Currently Online" />[/online][offline]<img src="{THEME}/images/offline.png" style="vertical-align: middle;" title="Currently Offline" alt="Currently Offline" />[/offline]</li>