+

Вывод всех переключателей страниц каталога файлов для uCoz

Вывод всех переключателей страниц каталога файлов для uCoz
Цена: БЕСПЛАТНО
Просмотров: 2832
Добавлено: 28.08.2014
Контакты: Автор (VK) (Онлайн)
Файл добавил: Alan_Writer
Архив шаблона: ОТСУТСТВУЕТ
Демо: НЕТУ
Информация о материале
Вывод всех переключателей страниц каталога файлов для uCoz. Это новый вид переключателей, который отличается от обычных тем, что выводит на страницу сразу все переключатели, а не как в обычных - три переключателя вперед и три назад. То есть если всего в каталоге 1000 страниц, то все 1000 переключателей и будут выведены на страницу и пользователь сразу сможет перейти на нужную, что вроде-как удобнее. Впрочем 1000 переключателей будет занимать немало места, можно конечно блок с ними сделать фиксированного размера, но все же выглядеть это будет не очень мне кажется.

Я честно говоря вообще никогда не задумывался о такой фигне, подобное видел нередко на порно-сайтах и то - это были самые отстойные порно-сайты. А зачем это обычному сайту, даже не знаю, если надо найти какой-то материал - то есть поиск, есть даже функциональный быстрый поиск. Ну хз, возможно кому-то пригодиться. Эти переключатели работают только на главных страницах как минимум трех модулей: каталог файлов, сайтов и статей. Если постараться, можно настроить чтоб работал не только на главной - но и на страницах категорий и разделов.

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

1. Ставите это на на главную нужного модуля, вместо стандартных переключателей:
Код
<div class="allpages"></div>
<script>
var num_pages = $NUM_PAGES$+1;  
for(i=1; i < num_pages; i++) {
$('.allpages').append('<a href="#" class="allinks">'+i+'</a>');};
$('.allinks').each(function(){$(this).attr('href','/$MODULE_ID$/0-'+$(this).text()+'');});
</script>

2. Стили кидаете в свой основной css-документ:
Код
.allpages {
  box-shadow: 0px 0px 10px inset #BBB;
  padding:10px 6px 6px 10px;
  border:1px solid #666;
  word-wrap: break-word;
  background: #F2F2F2;
  border-radius: 4px;
  width:700px;}

.allinks {
  padding: 8px 12px;
  margin: 0px 4px 4px 0px;
  display:inline-block;
  border-radius: 4px;
  background: #DDD;}

a.allinks:visited {
  background: #BBB !important;
  color: #444 !important;}

** Это самое простое оформление, в оригинале не было даже его. Вы можете оформить по другому.

Вооот, оценивайте кароч, оставляйте отзывы или чет-такое.

Теги: переключатели, Каталог файлов, страниц, вывод, Все, ucoz
Комментарии (0)