Представляю Вашему вниманию скрипт "селектор информеров на uCoz" или можно ещё назвать данный скрипт как блок переключателей информеров в виде селектора, то есть один блок с возможностью переключить на другое заинтересованное пользователем или посетителем сайта.
В данном скрипте осуществлена возможность переключать в одном блоке 3 информера, а именно форум, файлы, топ пользователи по постам, а также при желание можно изменить на свои информеры, что очень удобно. Какой имеет вид данный скрипт Вы можете увидеть выше на скриншоте.
Особенностью скрипта является его простота и вписываемость в дизайн. Данный скрипт легко подстроить и настроить под Ваш собственный дизайн.
Установка скрипта
1. Между тегами <head>...head> вставляем: (ссылка ниже)
Код
<link type="text/css" rel="StyleSheet" href="/css/tabs.css">
2. Следующим шагом является установка каркаса блока. В нужное место вставляем код:
Код
<div class="blockr tabs_block">
<!-- <bt> -->
<!--<s5441>-->
<!--</s>-->
<!-- </bt> -->
<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$).
