Скрипт навигации кнопками в материалах для ucoz

Вот решил немного добавить предыдущему скрипту от jQuery ссылки изменить на кнопки через css стиль с реакцией на курсор. Кнопки в перед - назад для любого модуля Ucoz Отличный скрипт навигации с графическими кнопками в материалах модуля для ucoz
Скрипт уникальный исходя от автора, очень даже отлично работает , превосходство его видно в использование. При наведении на стрелку курсором , она изменяет цвет, я сделал примитивные графические кнопки, ну если вам нужно будет необходимо изменить под свой дизайн цвет или форму то это легко сделать отредактировав в стиле четыре ссылки на картинки формата png
Использовать скрипт можно в любом разделе вашего сайта кроме разделов новостей и игр
Установка стрелок:

Стиль с картинками вставляем на своем сайте в таблицу стилей:

Code

div.zad {
  width: 60px;
  height: 30px;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/zad_a.png) no-repeat;
}
div.zad:hover {
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/zad_b.png) no-repeat;
}
div.next {
  width: 60px;
  height: 30px;
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/next_a.png) no-repeat;
}
div.next:hover {
  background: url(http://ucozon.ru/SCRIN7/2/menu3213/next_b.png) no-repeat;
}

А этот код вставляем в любое место на странице материала и комментария:

Code

<div id="pages"></div>  
  <script>  
  a=location.href;  
  b=a.split('-');  
  c=b.length;  
  d=eval(c-1);  
  e=b[d];  
  f=a.split('-'+e)[0];  
  $('#pages').html('<table style="width:120px; height:30px;"><tr><td><a id="b" href="'+f+'-'+eval(e-1)+'"> <div class="zad"> </div> </a> </td><td> <a id="a" href="'+f+'-'+eval(e*1+1)+'"><div class="next"></div></a></div></td></tr></table>');  
  $.ajax({  
  type: 'GET',  
  url: f+'-'+eval(e*1+1),  
  error: function(){$('#a, #i').hide();}  
  });  
  $.ajax({  
  type: 'GET',  
  url: f+'-'+eval(e-1),  
  error: function(){$('#b, #i').hide();}  
  });  
  </script>

Автор: jQuery usite.su
Автор миниатюрного модерна)) : МИР http://ucozon.ru
При изменения размеров графических картинок то есть стрелок не забывайте изменить размеры в стиле и скрипте на них.
Картинки можно заменить на свои легко и просто из любого набора иконок для сайта.