Разные надписи фрейма «Кто в чате» в разных дизайнах

[Admin]

Во многих чатах во фрейме «Кто в чате» вместо надписей «Мальчики», «Девочки», «Инкогнито», «Всего» и «Кто в чате» используются картинки. Сейчас я расскажу вам, как можно сделать так, чтобы эти картинки были разными для разных дизайнов чата.

В дизайнах чата есть такая штука как пользовательские стили. Они есть в том числе и в дизайне списка «Кто в чате»: Дизайн —> Дизайн списка посетителей. Но в этих стилях нельзя загрузить картинку. Пойдем другим путем. Есть общие пользовательские стили: Дизайн —> Пользовательские стили. Но эти стили по каким-то причинам не подгружаются в фрейм «Кто в чате». Сделаем эту работу за августа, добавив %CSS(5)% в начало шаблона. А чтобы общие настройки дизайна чата не перебивали настройки дизайна фрейма «Кто в чате» продублируем его стили, добавив еще и %CSS(2)%. Итак:

0. Сделайте резервную копию текста шаблона «Кто в чате».

1. В начало шаблона «Кто в чате» добавляем:
Код HTML:
%CSS(5)%
%CSS(2)%
<style type="text/css">
.tm {
float: left;
}
#title {
background-position: center top;
background-repeat: no-repeat;
}
</style>Последние строчки нам пригодятся чуть позже для надписей «Всего» и «Кто в чате», а поместить их лучше сразу.

2. Убираем все картинки-надписи из шаблона. Привожу только те куски, которые должны поменяться:
2.1. Вывод таблицы:
Код HTML:
<div id=title></div>
%CHAT("WHO", %TABLE%, "<div class=tm></div>",
[1, "<div class=bm></div>", 2, "<div class=gm></div>", 0, "<div class=nm></div>", 3, "<div class=vm></div>"],
"анкета %%NICK%%",
""
)%Обратите внимание, нет ни картинок ни надписей

2.2. Строчка всего:
Код HTML:
<tr><td colspan=5><div class=tm></div><span class=tmnum>%TOTAL%</span></div></tr>Значение параметра colspan может меняться в зависимости от варианта вывода статуса и подключенных сервисов. Не меняйте его в своем шаблоне.

3. Для каждого дизайна в пользовательских стилях (Дизайн —> Пользовательские стили) добавляем селекторы:
.bm — для надписи «Мальчики»
.gm — «Девочки»
.nm — «Инкогнито»
.vm — «На голосовании»
.tm — надпись «Всего»
.tmnum — число «Всего»
#title — надпись «Кто в чате»

Обратите внимание, все селекторы, кроме последнего, начинаются с точки, последний — с решетки.
3.1 Для каждого селектора (кроме .tmnum) в качестве фона загружаем соответствующую картинку.
3.2 Для всех селекторов, кроме .tmnum и #title указываем высоту и ширину, соответствующие размерам картинки.
3.3 Для селектора #title указываем высоту, равную высоте картинки, ширину не заполняем.
3.4 Для всех селекторов, кроме .tmnum и #title можно изменить границы для того, чтобы отодвинуть надписи от левого края или чтобы добавить пространства выше и ниже.
3.5 Для селектора .tmnum укажите размер и отступы, чтобы число было соответствующего размера и располагалось вровень с надписью.

4. Готово!


Таким же образом можно менять, например, дизайн доп. меню или любых других дополнений, которые установлены в фрейме «Кто в чате».