Материалы

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

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

Особенностью скрипта является его простота и вписываемость в дизайн. Данный скрипт легко подстроить и настроить под Ваш собственный дизайн.
Архив можно скачать и изменить ссылку предоставленную нашим сервисом на Вашу http://ugrade.ru/css/tabs.css на
http://ваш_сайт/tabs.css
 

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


1. Между тегами <head>...</head> вставляем: 
<link type="text/css" rel="StyleSheet" href="http://ugrade.ru/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="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$). 
На этом установка окончена по вопросам установки обращайтесь в комментарии ниже, скрипт был взят с http://ucozbook.ru/

Советуем к просмотру:

Сохраните в социальную сеть
Прикрипления

Комментарии
Комментариев пока нет, вы можете оставить комментарий первым.
Оставить комментарий
avatar