Форум [HoC] | Развлекательный форум

Правила форума Подписки Ленточный

Статистика Форума

Последние обновленные темы

Самые популярные темы

Самые активные

Новые участники

True Stalker (0)

Ловец снов (ОБТ) (0)

Контракт: Выходец с того ... (0)

Prosectors Project 1.7 (0)

Тайна Кордона (0)

У костра (193)

Анекдоты (145)

Города (91)

Обновления сайта (77)

Свалка (67)

StraNNik (1417)

RamzeS (513)

Каратель (170)

Narkostalker (121)

Кракен (93)

007RomanHoroshun (21.05.2025)

Yuppi_Duck (24.09.2024)

p4ladya (05.02.2024)

alexander24tomilin (20.12.2023)

Lesnik (13.12.2023)

Страница 1 из 1
1

Блок селектор информеров для uCoz

StraNNik

Слышу гимн зашитых ртов

Группа: Администратор

Ранг: Опытный

Сообщений: 1417

Карма: 33

Сообщение # 1

Дата: 07.03.2017 в 14:05

XemorDio представляет Вашему вниманию скрипт "селектор информеров на uCoz" или можно ещё назвать данный скрипт как блок переключателей информеров в виде селектора, то есть один блок с возможностью переключить на другое заинтересованное пользователем или посетителем сайта.

В данном скрипте осуществлена возможность переключать в одном блоке 3 информера, а именно форум, файлы, топ пользователи по постам, а также при желание можно изменить на свои информеры, что очень удобно. Какой имеет вид данный скрипт Вы можете увидеть выше на скриншоте.

Особенностью скрипта является его простота и вписываемость в дизайн. Данный скрипт легко подстроить и настроить под Ваш собственный дизайн.

Установка скрипта

1. Между тегами <head>...head> вставляем: (ссылка ниже)

Код

2. Следующим шагом является установка каркаса блока. В нужное место вставляем код:

Код

<div class="blockr tabs_block">




<div class="tabs">
<input id="tab1" type="radio" name="tabs" checked>
<label for="tab1" title="Форум">Форум</label>

<input id="tab2" type="radio" name="tabs">
<label for="tab2" title="Файлы">Файлы</label>

<input id="tab3" type="radio" name="tabs">
<label for="tab3" title="ТОП по сообщениям">ТОП</label>

<section id="content1">
$MYINF_12$
</section>
<section id="content2">
$MYINF_21$
</section>
<section id="content3">
$MYINF_22$
</section>
</div>
</div>

3. Далее необходимо создать и настроить информеры. Заходим в Панель управления сайтов (ПУ) — "Инструменты" — "Информеры".

Создаем информер "Последние обновленные темы".
[ Форум · Материалы · Последние обновленные темы · Материалы: 8 · Колонки: 1 · Длина заголовка: 25 ]
[Шаблон информера]:

Код

<div class="newsoob"><a href="$LAST_POST_URL$">$THREAD_TITLE$</a><br><span style="font-size:9px;">Дата: $DATE$</span></div>

Создаем информер "Последние файлы".
[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 8 · Колонки: 1 · Длина заголовка: 25 ]
[Шаблон информера]:

Код

<div class="newsoob"><a href="$ENTRY_URL$">$TITLE$</a><br><span style="font-size:9px;">Дата: $DATE$</span></div>

Создаем информер "Топ пользователи".
[ Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 8 · Колонки: 1 ]
[Шаблон информера]:

Код

<div class="newsoob"><a href="$PROFILE_URL$">$USERNAME$</a> <span style="font-size:9px;color:#696969;">($GROUP_NAME$)</span><br><span style="font-size:9px;">Постов: $FORUM_POSTS$ | Репутации: $REPUTATION$</span></div>

4. Заменяем "Информер 1/2/3" (п.2) на коды информеров (например, $MYINF_1$, $MYINF_2$).

СКАЧАТЬ CSS СТИЛИ

Прикрепления: 5609704.png(146.8 Kb) · tabs.css(2.0 Kb)

Главный администратор портала. Ссылки на большинство проблем:

Ошибка сайта? Пиши сюда! | Битая ссылка? Информируй! | Обидели? Докладывай!

Блок селектор информеров для uCoz

Страница 1 из 1
1