- Название:
- Переключатели страниц "Назад"-"Вперед"
- Категория:
- Переключатели страниц
- Раздел:
- uCoz - Скрипты
- Просмотров:
- 2729
- Автор:
- Неизвестен
- Добавил:
- Дмитрий
- Комментов:
- 0
- Добавленно:
- 13.07.2014 в 16:32
- Теги:
- css, переключатели, страниц, ucoz, Вперед, Назад, js
- Рейтинг:
Последнее на форуме
Последние материалы
Переключатели страниц "Назад"-"Вперед"
Переключатели страниц "Назад"-"Вперед"
Возможно Вы видели на многих сайтах вместо стандартного переключателя страниц кнопки "назад" и "вперед". Данный небольшой скрипт реализует рабочие кнопки данного типа.
Скрипт предназначен для «Каталога файлов». Переделать под другие модули не сложно.
Установка:
1. Сначала установим стили для кнопок. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:
Код
.pageselector {text-align:center; padding: 10px 0;}
a.page-btn:hover{background: #b9b9b9 url(http://gigabytes.clan.su/load-ucoz/skripts/drygii/2/glass_perexodi.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://gigabytes.clan.su/load-ucoz/skripts/drygii/2/glass_perexodi.png) repeat-x 0 50%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
a.page-btn:hover{background: #b9b9b9 url(http://gigabytes.clan.su/load-ucoz/skripts/drygii/2/glass_perexodi.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://gigabytes.clan.su/load-ucoz/skripts/drygii/2/glass_perexodi.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>
<?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>
Установка завершена!
Подождите немного, сейчас файл будет подготовлен, через |
секунд Вы получите ссылку на скачивание. |
Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев:
| |