Главная » Файлы » Скрипты для uCoz » Разные скрипты для uCoz

Page Scroller : Прокрутка по новому
[ · Скриншот ] 19.01.2012, 03:35
Ещё один скрипт под систему uCoz. Работа, основанная на идее с Karaboz , представляет из себя усовершенствованный вид нумерации страниц, который особенно полезен для порталов. Скрипт полностью кроссбраузерен - работает и выглядит одинаково во всех версиях IE, начиная с 5.5, а так же во всех современных браузерах. Занимает в 2 раза меньше места чем скрипт автора идеи, а в сжатом виде - в 6 раз меньше. Автоматически обрабатывает и заменяет стандартные переключатели страниц боксового вида на сайтах юкоз. Скрипт не протестирован во всех модулях! Модули, в которых скрипт проверен: блог, новости, гостевая книга, комментарии.
Скрипт отображает нумерацию страниц в виде горизонтального списка страниц и скроллбара с обозначением текущего местонахождения пользователя. Ниже скрипт может выводить общее число страниц (опционально). При вызове скрипта можно настроить количество ячеек с номерами страниц, которые скрипт будет отображать одновременно, обычно это 6 - 10. Если количество страниц меньше установленного - скроллбар автоматически скроется с экрана.
Перемещение по списку номеров страниц происходит с помощью перетаскивания мышкой самого скроллбара со стрелкой (опционально)(ширина бара рассчитывается в зависимости от соотношения общего числа страниц и числа страниц отображенных в данный момент), или перемещение может быть осуществлено щелчками по полосе скроллбара в любом месте. Так же, пока мышка находится над списком страниц или скроллбаром, вы можете использовать колесико для перемещения по списку.

Я рассмотрю установку скрипта для блога в системе uCoz. Для ого чтобы установить скрипт в блог, повторите нижеописанные действие на странице редактирования шаблона "Главная страница дневника" и на странице редактирования шаблона "Страница архива материалов". Скопируйте приведенный ниже код и вставьте его после условного кода $BODY$ или туда, где вы хотели бы видеть нумерацию страниц. Код для вставки:

Code
<style>  
  #content {white-space:nowrap}  
  #content a{display:inline-block;font:12px Tahoma;width:38px;padding:2px ;  
  0;margin:1px;color:#88aa00;text-align:center;text-decoration:none;}  
  #content a:hover, .curPage{background:#88aa00;color:#fff !important;}  
  #pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default}  
  .scrollWrap {background:#dfdfdf;position:relative}  
  .scrollBar {background:#777;cursor:pointer;cursor:hand;position:relative;z-index:400}  
  .scrollPage {background:#88aa00;position:absolute;z-index:300;}  
  .pagesTotal {font:12px Tahoma;color:#bbb}  
  #pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;}  
  </style>  
  <div id="pageScroll"><span id="content"></span></div>  
  <script type="text/javascript" src="http://studioad.ru/PageScroller.js?v2"></script>  
  <script>initScrolls(5/*количество страниц по ширине*/,5/*высота бара*/,false/*простая  
  прокрутка*/,true/*стрелка*/,true/*всего страниц*/,7/*минимальная ширина бара*/,'Всего страниц : [NUM]')</script>
Категория: Разные скрипты для uCoz | Добавил: kevin | Теги: Page Scroller : Прокрутка по новому
Просмотров: 264 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]