Главная
Форум
Правила
Регистрация
Почта
Карта сайта
  • Создать чат

    Создать чат на движке Августа

    Нравятся чаты на популярном движке Августа? О чатах и ценах можно прочитать... подробнее...
  • Графические форумы

    Помощь чатам в оформление

    Наши граферы и дизайнеры в короткие сроки оформят вам чат по вашему вкусу и качеству,  подробнее...
  • Реклама чатов

    Реклама ваших чатов

    Реклама чатов это лучший повод прорекламить свой чат на различных тематических сайтах,  подробнее...
  • Создание и продажа сайтов

    Создание и продажа сайтов

    Не умеете создавать сайты на которых можно зарабатывать деньги рекламя чаты? Это не проблема  подробнее...
Экономическая онлайн игра
Заработок без вложения

Проект платит подробнее...
Экспресс-опрос
Как вам новые изменения сайта? (мы ушли от ucoz)
Отлично
Полный отстой
Мне без разницы
Популярное на сайте
    Подписчики нашей группы
    ТОП пользователей
    support 9 апреля 2015
    ICQ: 6186830
    Новостей: 60
    Комментариев: 2
    Agent008 28 января 2016
    ICQ: -Не указано-
    Новостей: 0
    Комментариев: 2
    Базука 28 января 2016
    ICQ: 123456789
    Новостей: 0
    Комментариев: 0
    Ваняткина 3 февраля 2016
    ICQ: -Не указано-
    Новостей: 0
    Комментариев: 0
    Anonym 27 апреля 2016
    ICQ: -Не указано-
    Новостей: 1
    Комментариев: 0
    Список пользователей
    Мы принимаем
    картинка платежные системы
    Календарь публикаций
    «    Декабрь 2024    »
    ПнВтСрЧтПтСбВс
     
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
     
    Публикации форума
    500 аниме штампы кисти Procreate
    Dogma добавил(а) новый ресурс: 500 аниме штампы кисти Procreate - Комплект штампов для создания очаровательных и причудливых персонажей аниме. Посмотреть вложение ...

    Меховые кисти для Procreate, Photoshop, Affinity, Illustrator
    Dogma добавил(а) новый ресурс: Меховые кисти для Procreate, Photoshop, Affinity, Illustrator - Универсальный набор кисточек для меха, имитирующих текстуру настоящего меха. ...

    Магазин бумаги Procreate бумажные текстуры
    Dogma добавил(а) новый ресурс: Магазин бумаги Procreate бумажные текстуры - Улучшите свои проекты с помощью этого тщательно отобранного набора кистей с текстурой бумаги. ...

    Листва набор кистей Photoshop
    Dogma добавил(а) новый ресурс: Листва набор кистей Photoshop - Набор кистей и штампов для пейзажных зарисовок, хорошая основа для иллюстраций, матовой живописи. ...

    Регистрация на нашем ресурсе
    Друзья, с 19 февраля 2021 года наш ресурс ограничивает бесплатную регистрацию для бесплатного скачивания цифрового материала с нашего официального форума на choice-art.ru. Мы на ...

    Подписчики нашей группы
    Поделиться с друзьями

  • Время :
  • Сегодня:
  • Последнии комментарии
    Нет комментариев
    Партнёры
    Каталог чатов Августа
    Поддержи сайт
      
        
    Шаблон списка посетителей
    категория:  Документация
    Прежде всего определимся, что такое шаблон. Шаблон — это каркас, который задает положение элементов документа.

    В шаблонах имеются специальные параметры (переменные), которые в процессе компиляции (парсинга шаблона) заменяются на реальные значения. В итоге получается полностью готовый HTML-код для вывода в браузер.

    В шаблоне списка посетителей определены следующие переменные:


    %ICON% — иконка посетителя, если он зарегистрирован, по которой открывается его анкета. Если посетитель загрузил свою иконку, будет отображена его иконка.
    %RANK% — звание посетителя, выводится только текст.
    %RANK_ICON% — иконка звания посетителя, если есть, в противном случае выводит дефолтовую картинку анкеты.
    %RANK_ICON_INFO% — то же, что и %RANK_ICON%, но с возможностью открывать анкету посетителя при клике на картинку.
    %USER_ICON% — пользовательская иконка, загруженная посетителем.
    %USER_ICON_INFO% — то же, что и %USER_ICON%, но с возможностью открывать анкету посетителя при клике на картинку.
    %TORT% — булево значение, истина (символ пробела), если у посетителя сегодня день рождения, иначе ложь (пустая строка).
    %TORT_ICON% — пиктограмма торта, если у посетителя день рождения.
    %STAT% — статус посетителя, который он выбрал в навигации, либо командой /status.
    %STAT_ICON% — иконка статуса.
    %WEBCAM_ICON% — иконка включенной веб-камеры в режиме "трансляция", если переменную использовать как функцию, в аргументе можно передать подсказку, которая будет выводиться при наведении мышки на иконку.
    %USER_STAT% — личный статус пользователя, который он установил командой /status, системные статусы этой переменной не выводятся.
    %INVISIBLE% — булево значение, истина (символ пробела), если посетитель находится в режиме "невидимость", иначе ложь (пустая строка).
    %INVISIBLE_ICON% — пиктограмма невидимости.
    %SEX% — число, указывающее пол посетителя: 1 - мужской, 2 - женский, если пол не установлен переменная содержит пустую строку.
    %SEX_ICON% — пиктограмма пола посетителя, если пол установлен.
    %FLAG% — флаг страны, которой принадлежит IP-адрес, с которого зашел посетитель, размер картинки флага 29 на 20 пикселей.
    %FLAG_INFO% — кликабельный флаг, откроется анкета, если есть.
    %SMALL_FLAG% — тоже флаг страны, но меньших размеров, картинка 18 на 12 пикселей.
    %SMALL_FLAG_INFO% — кликабельный маленький флаг.
    %CO% — двубуквенное обозначение страны в нижнем регистре, можно использовать для загрузки своих изображений флагов.
    %NICK% — ник посетителя.
    %PHOTO% — булево значение, истина (символ пробела), если у посетителя в анкете имеются фотографии, иначе ложь (пустая строка).
    %SHUTUP% — булево значение, истина (символ пробела), если посетителя лишили слова (наказан), иначе ложь (пустая строка).
    %ODDEVEN% — число, содержит 0 для четных строк и 1 для нечетных строк.
    %DESIGN% — число, содержит номер текущего дизайна.
    %CAPTION% — заголовок подписка, если имеется разделение на мальчиков и девочек.
    %TOTAL% — число, количество человек в чате.

    Используя эти обозначения, можно создать шаблон списка посетителей любой конфигурации.

    Для выделения строки списка используется оператор {{{ }}}. Внутри этих скобочек должна находиться одна строка списка, остальные будут формироваться аналогично.

    Теперь примеры

    Без разделения на мальчиков и девочек, статус на одной строке с ником


    без флага

    %TABLE<<<END
    <table class=list cellspacing=1 cellpadding=1 width=100%>
    {{{
    <tr><td colspan=2>%CAPTION%</td></tr>
    {{{
    <tr>
    <th width=1%>%?%WEBCAM_ICON('веб-камера')%%:%%ICON%?%</th>
    <td nowrap>%NICK%%TORT_ICON%%? %INVISIBLE_ICON%?%%? %STAT%?%</td>
    </tr>
    }}}
    }}}
    <tr><td colspan=2><div class=tm>всего около: %TOTAL%</div></tr>
    </table>
    END%

    <div align=center id=title>КТО В ЧАТЕ</div>
    %CHAT("WHO", %TABLE%, "<div class=tm>почти никого нет</div>",
       [0, "", 3, "<div class=vm>на голосовании</div>"],
        "анкета %%NICK%%",
        ""
    )%


    с флагом

    %TABLE<<<END
    <table class=list cellspacing=1 cellpadding=1 width=100%>
    {{{
    <tr><td colspan=3>%CAPTION%</td></tr>
    {{{
    <tr>
    <th width=1%>%?%WEBCAM_ICON('веб-камера')%%:%%ICON%?%</th>
    <th width=1%>%SMALL_FLAG%</th>
    <td nowrap>%NICK%%TORT_ICON%%? %INVISIBLE_ICON%?%%? %STAT%?%</td>
    </tr>
    }}}
    }}}
    <tr><td colspan=3><div class=tm>всего около: %TOTAL%</div></tr>
    </table>
    END%

    <div align=center id=title>КТО В ЧАТЕ</div>
    %CHAT("WHO", %TABLE%, "<div class=tm>почти никого нет</div>",
       [0, "", 3, "<div class=vm>на голосовании</div>"],
        "анкета %%NICK%%",
        ""
    )%


    С разделением на мальчиков и девочек, статус на одной строке с ником


    без флага

    %TABLE<<<END
    <table class=list cellspacing=1 cellpadding=1 width=100%>
    {{{
    <tr><td colspan=2>%CAPTION%</td></tr>
    {{{
    <tr>
    <th width=1%>%?%WEBCAM_ICON('веб-камера')%%:%%ICON%?%</th>
    <td nowrap>%NICK%%TORT_ICON%%? %INVISIBLE_ICON%?%%? %STAT%?%</td>
    </tr>
    }}}
    }}}
    <tr><td colspan=2><div class=tm>всего около: %TOTAL%</div></tr>
    </table>
    END%

    <div align=center 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%%",
        ""
    )%


    с флагом

    %TABLE<<<END
    <table class=list cellspacing=1 cellpadding=1 width=100%>
    {{{
    <tr><td colspan=3>%CAPTION%</td></tr>
    {{{
    <tr>
    <th width=1%>%?%WEBCAM_ICON('веб-камера')%%:%%ICON%?%</th>
    <th width=1%>%SMALL_FLAG%</th>
    <td nowrap>%NICK%%TORT_ICON%%? %INVISIBLE_ICON%?%%? %STAT%?%</td>
    </tr>
    }}}
    }}}
    <tr><td colspan=3><div class=tm>всего около: %TOTAL%</div></tr>
    </table>
    END%

    <div align=center 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%%",
        ""
    )%


    Без разделения на мальчиков и девочек, статус под ником


    без флага

    %TABLE<<<END
    <table class=list cellspacing=1 cellpadding=1 width=100%>
    {{{
    <tr><td colspan=2>%CAPTION%</td></tr>
    {{{
    <tr>
    <th width=1%>%?%WEBCAM_ICON('веб-камера')%%:%%ICON%?%</th><td nowrap>%NICK%%TORT_ICON%%? %INVISIBLE_ICON%?%</td>
    </tr>
    <tr>
    %?<th></th><td nowrap>%STAT%</td>?%
    </tr>
    }}}
    }}}
    <tr><td colspan=2><div class=tm>всего около: %TOTAL%</div></tr>
    </table>
    END%

    <div align=center id=title>КТО В ЧАТЕ</div>
    %CHAT("WHO", %TABLE%, "<div class=tm>почти никого нет</div>",
       [0, "", 3, "<div class=vm>на голосовании</div>"],
        "анкета %%NICK%%",
        ""
    )%


    с флагом

    %TABLE<<<END
    <table class=list cellspacing=1 cellpadding=1 width=100%>
    {{{
    <tr><td colspan=3>%CAPTION%</td></tr>
    {{{
    <tr>
    <th width=1%>%?%WEBCAM_ICON('веб-камера')%%:%%ICON%?%</th><th width=1%>%SMALL_FLAG%</th><td nowrap>%NICK%%TORT_ICON%%? %INVISIBLE_ICON%?%</td>
    </tr>
    %?<tr><th></th><th></th><td nowrap>%STAT%</td></tr>?%
    }}}
    }}}
    <tr><td colspan=3><div class=tm>всего около: %TOTAL%</div></tr>
    </table>
    END%

    <div align=center id=title>КТО В ЧАТЕ</div>
    %CHAT("WHO", %TABLE%, "<div class=tm>почти никого нет</div>",
       [0, "", 3, "<div class=vm>на голосовании</div>"],
        "анкета %%NICK%%",
        ""
    )%


    С разделением на мальчиков и девочек, статус под ником


    без флага

    %TABLE<<<END
    <table class=list cellspacing=1 cellpadding=1 width=100%>
    {{{
    <tr><td colspan=2>%CAPTION%</td></tr>
    {{{
    <tr>
    <th width=1%>%?%WEBCAM_ICON('веб-камера')%%:%%ICON%?%</th><td nowrap>%NICK%%TORT_ICON%%? %INVISIBLE_ICON%?%</td>
    </tr>
    <tr>
    %?<th></th><td nowrap>%STAT%</td>?%
    </tr>
    }}}
    }}}
    <tr><td colspan=2><div class=tm>всего около: %TOTAL%</div></tr>
    </table>
    END%

    <div align=center 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%%",
        ""
    )%


    с флагом

    %TABLE<<<END
    <table class=list cellspacing=1 cellpadding=1 width=100%>
    {{{
    <tr><td colspan=3>%CAPTION%</td></tr>
    {{{
    <tr>
    <th width=1%>%?%WEBCAM_ICON('веб-камера')%%:%%ICON%?%</th><th width=1%>%SMALL_FLAG%</th><td nowrap>%NICK%%TORT_ICON%%? %INVISIBLE_ICON%?%</td>
    </tr>
    %?<th></th><th></th><td nowrap>%STAT%</td>?%
    }}}
    }}}
    <tr><td colspan=3><div class=tm>всего около: %TOTAL%</div></tr>
    </table>
    END%

    <div align=center 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%%",
        ""
    )%



    В списках с разделением полов можно задавать произвольный порядок вывода подсписков мальчиков, девочек и без пола. Например, заменив на такую строчку первым будут выводиться девочки:

    iv class=gm>девочки</div>",
        1, "<div class=bm>мальчики</div>",
        0, "<div class=nm>скрытные души</div>",
        3, "<div class=vm>на голосовании</div>"
    ]


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

    <script src=js/country_ru.js></script>


    или для английских:

    <script src=js/country_en.js></script>


    По аналогии можно определить свой файл с названиями стран на любом языке и подключить.

    Теперь рассмотрим, из чего состоят наши шаблоны.

    1. Это блок

    %TABLE<<<END
    ...
    END%


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

    2. Код

    <div align=center id=title>КТО В ЧАТЕ</div>


    Это просто заголовок нашего окна, сюда можно добавить любой HTML-код, если надо как то разнообразить. Если в чате имеются комнаты, то, чтобы выводился список комнат, сюда надо добавить код

    <div align=center id=roomMenu>------- комнаты --------</div>


    3. Функция, которая определяет параметры списка.

    %CHAT("WHO", ... )%


    Именно в это место будет выводиться список.
    Первым аргументом этой функции всегда должна быть строка "WHO".
    Второй аргумент - это название шаблона списка из п.1 (%TABLE%)
    Третий - это строка, которая будет выводиться, если в чате никого нет.
    Четвертый - порядок деления списка на подсписки (мальчики, девочки, а также список голосования). Подсписки определяются парами число-строка. Число указывает, какой подсписок должен выводиться: 0 - без пола, 1 - мальчики, 2 - девочки, 3 - голосование (всего 4 пары). Строка - это то, что будет отображаться в заголовке подсписка. Если деления не должно осуществляться, здесь должны быть определены только две пары - 0 и 3.
    Пятый - подсказка, которая должна выводиться при наведении мышки на иконку пользователя.
    Шестой - подсказка, которая должна выводиться при наведении мышки на иконку киллера. Если строка пустая - будет выводиться такая же подсказка, что и у простого пользователя.

    4. Как определяются стили

    Чтобы все текстовые элементы в каждом дизайне имели свой стиль, их необходимо поместить в контейнер с определенным классом:

    <div class=myclass>мой текст</div>


    Так определяются здесь все текстовые элементы. Для списка изначально заданы следующие имена селекторов:

    tm - для сообщения, что в чате никого нет, оно же и для вывода надписи "всего в чате:"
    bm - для текста "мальчики"
    gm - для текста "девочки"
    nm - для текста "бесполые"
    vm - для текста "на голосовании"

    Эти стили находятся в дизайнах списка посетителей в пользовательских стилях. По желанию можно назначить свои имена селекторов, убрать лишние или добавить еще стили.

    !!! Обращаю ваше внимание, что имена селекторов класса, при определении их в пользовательских стилях, должны начинаться с точки.


    Поделиться интересной новостью с сайта August4u4.Ru или рекомендовать своим друзьям :

    HTML-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию



    • Комментариев: 0
    • Просмотров: 5357

    Уважаемый пользователь! Вы используете устаревший браузер Internet Explorer 6.
    Дальнейшее использование этого браузера влечет за собой высокий риск заражения Вашего компьютера вирусами.
    Чтобы сделать пребывание в Интернете более удобным и безопасным, рекомендуем установить себе    Internet Explorer 9
    . . . . . . . . . . . . . .
    . . . . .
    Каталог ссылок