Let's start by creating two new language keys (i will not show you how to do that)
string: _StatusLimit
Text: (Maximum characters allowed: 60)
string: _StatusLimitLeft
Text: <span style="color: #ff0000;">Characters left:</span>
Now its time to edit files (two files only)
/templates/base member_menu_status_text_field.html
on the first line find
<div class="form_advanced_table">
and change it so it looks like this
<div class="form_advanced_table"><bx_text:_StatusLimit /> / <bx_text:_StatusLimitLeft /> <span id="charLeft"> </span><br/>
at the bottom right after <div class="clear_both"></div>
add this
<script type='text/javascript'>
$(document).ready(function() {
$('#UserStatusMessBut_mm').keyup(function() {
var len = this.value.length;
if (len >= 60) {
this.value = this.value.substring(0, 60);
}
$('#charLeft').text(60 - len);
});
});
</script>
SECOND FILE
/templates/base user_status_light.html
again first line
<div class="statusTab" style="margin-left:10px;">
change to
<div class="statusTab" style="margin-left:10px;"><bx_text:_StatusLimit /> / <bx_text:_StatusLimitLeft /> <span id="charLeft"> </span><br/>
THIS ONE IS IMPORTANT!!!!!!!!!
at the end after
</table>
</div>
add
<script type='text/javascript'>
$(document).ready(function() {
$('#UserStatusMessBut_nm').keyup(function() {
var len = this.value.length;
if (len >= 60) {
this.value = this.value.substring(0, 60);
}
$('#charLeft').text(60 - len);
});
});
</script>
And that's it, in your admin language section you can change the wording if you like.