Смысл звёздочек - чем больше сообщений набрал пользователь, тем больше звёздочек у него будет в статусе. Всё это дело очень легко оформляется, и давайте сделаем это.

1. Делаем звёздочки.

Не обязательно звёздочки, делайте всё, что душе угодно. Ниже приведу звёздочки, которые есть на форуме ТП QB (русфф):

Важно отметить, что это png-картинки одинаковой ширины и высоты, с прозрачным фоном.
Для наглядности покажу, как это выглядит при просмотре изображения в ФФ:

Картинки высотой в 12 пикселей и шириной в 96 пикселей. Делая свои звёздочки, вы можете по разному задавать ширину и высоту, но настоятельно советую не отходить далеко от этих чисел, т.к. иначе ваши звёздочки (или любые другие плюшки) будут либо слишком большими, либо слишком длинными и это всё будет уже не комильфо. Ширина зависит так же и от ширины профиля. Стоковый вариант (по умолчанию) располагает к статусом шириной от 90 до 140 пикселей, на мой вкус.

2. Ставим звёздочки.

Ставятся звёздочки посредством рангов, которые доступны из админки. Суть в том, что каждой картинке соответствует определенное количество сообщений. Скажем, при наборе 50 сообщений у пользователя будут 2 звёздочки, когда он наберёт 100 сообщений - 3 звёздочки и т.д. Вместо названия ранга пишем следующее:

<img src="адрес_картинки" />

Теперь, при достижении указанного количества сообщений, статус пользователя будет пополняться новыми звёздочками:

Важно отключить возможность менять статус, иначе пользователь может убрать эти звёздочки, указав какой-то другой статус в своём профиле. Делается это в Администрирование - Группы - редактировать Пользователи - Изменять статус

Если мы хотим, чтобы у администраторов и модераторов были другие звёздочки, тогда идём в Администрирование - Группы - редактировать Модераторы и в графе Статус пользователя указывает картинку аналогичным образом:

<img src="адрес_картинки"/>

Запрещаем модераторам менять свой статус так же, как делали это для пользователей. Администраторам аналогичным образом прописываем ранг, но запретить менять им статус уже не выйдет - всё на вашей совести и на совести ваших со-админов.

3. Поправляем звёздочки.

Если вы хотите, чтобы звёздочки были по центру, а они сдвинуты в левый бок, тогда пропишите следующее в своём стиле:

li.pa-title {
    text-align: center;
}

Если и после этого всё не комильфо, значит, вы не правильно сделали свои картинки, самое время открывать фотошоп

урок написан мною для ТП QuadroBoards, никакого плагиата нету х)