И так:
Есть несколько способов это сделать, я расскажу вам о некоторых из них.

Для начала нам нужно загрузить свои картинки к себе в файловый менеджер(рекомендую создать папку например "textyra" и картинки загружать в неё, чтоб в будущем у вас не было хаоса в папке и вы бы не терялись в куче файлов и картинок). У нас это будут вот такие 2 картинки:


Способ 1
Самый простой особенно для тех, кто с кодами не очень дружит.
1. Заходим в ПУ и в админ баре выбираем "Настройки - Замена стандартных надписей"

2. Выбираем вкладку:
ПОЛЬЗОВАТЕЛИ [+]

3. Видим нужные нам слова Онлайн и Оффлайн
Нажимаем на "изменить"

И заменяем наши надписи на код с картинкой.
Онлайн у нас будет такой:
Оффлайн такой:

Вместо Онлайн пишем код:
Вместо Оффлайн пишем код:
*!Важно: Крайне рекомендуется ссылки на картинку писать так:
src="/textyra/online.gif">
/textyra - это если вы всё же сделаете как я писал выше и создадите папку для текстур куда и засунете свою картинку.
/online.gif - это имя вашей картинки.
Т.е. не пишите ссылки на картинки с полным адресом httр://ваш сайт/картинка.gif,
сокращайте ссылки убирая адрес вашего сайта, чтоб оставалось только окончание ссылки: /картинка.gif.(информация для тех кто будет загружать картинки в файловый менеджер, если картинка со стороннего сайта(что не желательно), то ссылки сокращать ненадо)
Дело в том, что если адрес вашей картинки будет слишком длинный, то коды в "замене стандартных надписей" работать не будут. И Вам придется делать картинки по способу 2 который описан ниже.

4. Не забываем нажать на "Сохранить", а то многие изменяют, и кнопку нажать забывают:

Итог:

---

Сразу спускаемся в пункт 3 инструкции про картинки и к нашим словам дописываем код цвета:
Вместо Онлайн пишем код:
где:
8b00ff - это номер цвета, и вы его можете заменить на любой понравившейся вам.
Итог:

---

---

Способ 2
Для тех кто хочет поковыряться с кодами (таких мало)

1. Заходим в CSS своего сайта и ищем там коды:
.statusOffline
.statusOnline

2. Если находим то редактируем их, если нет, то прописываем сами:

Это если хотим картинку:

Quote

.statusOnline {background:url(тут ваша ссылка на картинку Онлайн);}

Quote

.statusOffline {background:url(тут ваша ссылка на картинку Оффлайн);}

Это если хотим поменять цвет:

Quote

.statusOnline {color: #8b00ff;}

Quote

.statusOffline {color: #00ff71;}

Так же можно еще размер и шрифт прописать и т.д.

Quote

.statusOnline {color: #8b00ff; font: 12px 'Tahoma'; }

Есть еще способы с CSS но я описал самые простые.

Всем спасибо, с уважением, DIREN

Online, форум, offline, статус, цвет статуса