Главная » Администрирование сайта » Работа со стилями (CSS) » Как на форуме сменить цвет надписи OnLine\OffLine или заменить их на свои картинки.

Как на форуме сменить цвет надписи OnLine\OffLine или заменить их на свои картинки.

15.02.2012 в 17:38
Автор: DIREN   

Как на форуме сменить цвет надписи OnLine\OffLine или заменить их на свои картинки.

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

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


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

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

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

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

Вместо Онлайн пишем код:
Code
<img src="тут ваша ссылка на картинку Онлайн">

Вместо Оффлайн пишем код:
Code
<img src="тут ваша ссылка на картинку Оффлайн">

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

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

Итог:




Для тех кто не любит картинки и кому хотелось бы просто сменить цвет


Сразу спускаемся в пункт 3 инструкции про картинки и к нашим словам дописываем код цвета:
Вместо Онлайн пишем код:
Code
<span style="color: 8b00ff;">Онлайн</span>

где:
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

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


  • Рейтинг: 33  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 9337          Комментариев: 7

    Похожие инструкции

    25.06.2012 в 09:18      +2  

    Хороший мануал smile
    28.06.2012 в 01:44      0  

    Полностью согласен !! cool
    28.03.2012 в 19:08      +1  

    А куда надо втавлять код чтобы поменять цвет?
    14.06.2012 в 18:16      0  

    Пу > Замена стандартных надписей как в пункте 3 инструкции
    19.03.2012 в 17:19      +3  

    Очень полезно. Спасибо=)
    17.06.2012 в 13:54      +2  

    всегда рад happy
    06.01.2015 в 07:25      0  

    Спасибо очень помогло! biggrin