Переключатели страниц "Назад"-"Вперед" для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

Переключатели страниц "Назад"-"Вперед" для uCoz


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

Скрипт предназначен для «Каталога файлов». Переделать под другие модули не сложно, но если у вас не получается, отписываемся в комментариях!
Установка:

1. Сначала установим стили для кнопок. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:
Код
.pageselector {text-align:center; padding: 10px 0;}    
a.page-btn:hover{background: #b9b9b9 url(http://updatesite.ru/image/tmpl/glass.png) repeat-x 0 50%;}    
a.page-btn{    
-webkit-transition: background 0.5s ease;    
padding: 7px 12px;    
font: bold 11px/13px "Tahoma",Helvetica,Arial,sans-serif;    
text-decoration: none;color: #fefefe;    
border: none;    
background: #d3d3d3 url(http://updatesite.ru/image/tmpl/glass.png) repeat-x 0 50%;    
-webkit-border-radius: 6px;    
-moz-border-radius: 6px;    
border-radius: 6px;    
}

2. Теперь непосредственно установим сами кнопки. Переходим в ПУ -> Управление дизайном ->Каталог файлов -> Главная страница и вставляем следующий код:
Код
<div class="pageselector"><a id="pageprev" class="page-btn" title="Назад">Назад</a> <a id="pagenext" class="page-btn" title="Вперед">Вперед</a></div>    
<?if($PAGE_SELECTOR1$)?><div style="display: none;">$PAGE_SELECTOR$</div><?endif?>    
<script>    
if ($(".pagesBlockuz1").html()=="") {$("#pageprev").hide(); $("#pagenext").hide();}    
else {    
var nowpage = $(".pagesBlockuz1 .swchItemA span").html();    
if (nowpage=="" || nowpage==1) {$("#pageprev").hide();} else $("#pageprev").attr("href","/load/0-"+(nowpage-1)+"");    
var nextpage = $(".pagesBlockuz1 .swchItem").html();    
var al = $(".pagesBlockuz1 a.swchItem:last span").html();    
if (al!="»") {$("#pagenext").hide();} else $("#pagenext").attr("href","/load/0-"+(+nowpage+1)+"");    
}    
</script>

Установка завершена!
Если возникли проблемы при установке, отписываемся в комментариях.

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 10.06.2014 в 10:05
Материал просмотрен: 993 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо
Источник

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта