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

Уважаемый гость! Для скачивания файлов с нашего портала необходимо авторизоваться:

Интересный скрипт, который объединит информеры Вашего сайта в один блок. Он выглядит так:

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

Установка

1. Между тегами <head>...</head> вставляем:

Код

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

Код

<div class="blockr tabs_block">




<div class="tabs">
<input id="tab1" type="radio" name="tabs" checked>
<label for="tab1" title="Wordpress">Новые </br>материалы</label>

<input id="tab2" type="radio" name="tabs">
<label for="tab2" title="Windows">Топ </br>пользователи</label>

<input id="tab3" type="radio" name="tabs">
<label for="tab3" title="HTML5">Новые</br> пользователи</label>

  <section id="content1">
Информер 1
  </section>
  <section id="content2">
Информер 2
  </section>
  <section id="content3">
Информер 3
  </section>
  </div>
  </div>

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

Создаем информер "Новые материалы".
Раздел: модуль, материалы которого будут выводится в информере.
Тип данных: Материалы
Способ сортировки: Дата добавления материала А
Количество материалов: на Ваше усмотрение, но рекомендую не более 10.
Количество колонок: 1
В шаблон информера вставляем этот код:

Код

<a href="$ENTRY_URL$">$TITLE$</a>

Создаем информер "Топ пользователи"
Раздел: Пользователи
Способ сортировки: Ранг
Количество материалов: 5
Количество колонок: 1
В шаблон информера вставляем этот код:

Код

<a href="$PROFILE_URL$" class="inf_ava">
<?if($AVATAR_URL$)?>
<img src="$AVATAR_URL$"><?else?>
<img src="/img/no_avatar.png">
<?endif?>
<span>$USERNAME$</span>
</a>

Создаем информер "Новые пользователи"
Раздел: Пользователи
Способ сортировки: Дата регистрации A
Количество материалов: 5
Количество колонок: 1
В шаблон информера вставляем этот код:

Код

<a href="$PROFILE_URL$" class="inf_ava">
<?if($AVATAR_URL$)?>
<img src="$AVATAR_URL$"><?else?>
<img src="/img/no_avatar.png">
<?endif?>
<span>$USERNAME$</span>
</a>

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

На этом установка завершена.