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

SUAREZ добавил 1400862407 в раздел 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>


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

Так же снова заработал "Блог сайта", на котором будут выкладываться различные статьи про uCoz, про полезные решения для ваших сайтов, а также описание интересных порталов и сервисов, на которых вы найдете много различной информации.

Сегодня была добавлена заметка "Галочка проверенного пользователя как на Youtube".
+13
Теги: pageselector, переключатели, назад, вперед
Автор: SUAREZ
Источник: http://updatesite.ru
Зарегистрируйтесь или авторизуйтесь, чтобы добавлять комментарии, оценивать материалы и сохранять их в личном кабинете.
Вы не можете добавлять комментарии

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

  1. computer-admin computer-admin

    1407280743 | | IP | Редактировать | Удалить

  2. SUAREZ SUAREZ

    1400926094 | | IP | Редактировать | Удалить

  3. gef gef

    1400921417 | | IP | Редактировать | Удалить

entry
Свернуть
Развернуть мини-чат
0