Закрыть
Загрузка данных
Логин:   Пароль:      
Регистрация   Забыли пароль?

Поиск по Bigstreet:



Важные объявления:

Инвайты на bigstreet можно попросить здесь Регистрация по инвайтам это нормальная практика, чтобы отсеять лишних людей, спаммеров и автоматические программы регистрации. Все патчи будут находится только в закрытых сообществах!

Новое в лучших проектах:

И в деле, и на отдыхе сайт Домоседы.Ру - Ваш тайный советник

Все про бульдогов и их хозяев. Блог платформы - bigstreet.

СПОНСИРОВАНИЕ

15 горячих:
Закрыть
Загрузить:
Указать:
Выравнивание:    Копирайт:
Альт
Цвет шрифта Закрыть
Белый Розовый Серебряный Оливковый Красно-коричневый Лимонный Зеленый Темно-синий Желтый Красный Серый Фиолетовый Водный Зеленовато-голубой Голубой
Выделить маркером Закрыть
Розовый Серебряный Оливковый Красно-коричневый Лимонный Зеленый Темно-синий Желтый Красный Серый Фиолетовый Водный Зеленовато-голубой Голубой Черный
Смайлики ;) Закрыть
Улыбка Нахмуриться Подмигивание Язык Смех Смущение Нерешительность Сюрприз Поцелуй Вопль Класс Денежки Ошибся Невинность Плач Рот на замке

Заменяем дефолтный лист навигации на симпатичный Paginator

Дефолтное меню

Измененное меню


Paginator 3000 протестирован в FireFox, Opera, Safari, IE6 и IE7.


Скачиваем сам Пагинатор по ссылке:
http://karaboz.ru/pubs/paginator3000/paginator3000.rar

В файле paginator3000.js на строке 35 меняем на baseUrl: baseUrl? baseUrl: '/blog/approved/'

Заливаем файл paginator3000.js в папку /js
заливаем файл slider_knob.gif в папку /images

Добавляем в стиль
/themes/default/base.css

В конец файла вставить:

  1. .paginator {
  2.         margin-top:60px;
  3.         font-size:1em;
  4.         width:600px;
  5. }
  6. .paginator table {
  7.         border-collapse:collapse;
  8.         table-layout:fixed;
  9.         width:100%;
  10. }
  11. .paginator table td {
  12.         padding:0;
  13.         white-space:nowrap;
  14.         text-align:center;
  15. }
  16. .paginator span {
  17.         display:block;
  18.         padding:3px 0;
  19.         color:#fff;
  20. }
  21. .paginator span strong,
  22. .paginator span a {
  23.         padding:2px 6px;
  24. }
  25. .paginator span strong {
  26.         background:#ff6c24;
  27.         font-style:normal;
  28.         font-weight:normal;
  29. }
  30. .paginator .scroll_bar {
  31.         width:100%;     height:20px;
  32.         position:relative;
  33.         margin-top:10px;
  34. }
  35. .paginator .scroll_trough {
  36.         width:100%;     height:3px;
  37.         background:#ccc;
  38.         overflow:hidden;
  39. }
  40. .paginator .scroll_thumb {
  41.         position:absolute;
  42.         z-index:2;
  43.         width:0; height:3px;
  44.         top:0; left:0;
  45.         font-size:1px;
  46.         background:#363636;
  47. }
  48. .paginator .scroll_knob {
  49.         position:absolute;
  50.         top:-5px; left:50%;
  51.         margin-left:-10px;
  52.         width:20px; height:20px;
  53.         overflow:hidden;
  54.         background:url(images/slider_knob.gif) no-repeat 50% 50%;
  55.         cursor:pointer; cursor:hand;
  56. }
  57. .paginator .current_page_mark {
  58.         position:absolute;
  59.         z-index:1;
  60.         top:0; left:0;
  61.         width:0; height:3px;
  62.         overflow:hidden;
  63.         background:#ff6c24;
  64. }
  65.  
  66. .fullsize .scroll_thumb {
  67.         display:none;
  68. }
  69.  
  70.  
  71. .paginator_pages {
  72.         width:600px;
  73.         text-align:right;
  74.         font-size:0.8em;
  75.         color:#808080;
  76.         margin-top:-10px;
  77. }



Изменяем вывод навигации на страницах:
Меняем содержимое файла на указанное ниже:
/modules/blog/templates/approved.tpl


  1. <script type="text/javascript" src="/js/paginator3000.js"></script>
  2. {include file="$path_root/themes/$site_theme/templates/sample.header.tpl"}
  3.  
  4.  
  5.  
  6. {include file="$path_root/themes/$site_theme/templates/sample.topics.tpl"}
  7. <div class="paginator" id="paginator3"></div>
  8.                 <script type="text/javascript">
  9.                 pag3 = new Paginator('paginator3', 100, 10, 5, "");
  10.         </script>
  11.  
  12. {include file="$path_root/themes/$site_theme/templates/sample.footer.tpl"}



Изменяем файл /themes/default/templates/sample.top_menu.tpl

Вставляем в начало:
  1. <script type="text/javascript" src="/js/paginator3000.js"></script>


Вставляем в конец:
  1. <div class="paginator" id="paginator3"></div>
  2.                 <script type="text/javascript">
  3.                 pag3 = new Paginator('paginator3', 100, 10, 5, "");
  4.         </script>
Метки: изменение меню, панигатор
spot 14 ноября 2008 15:31 комментариев: 8
:) 16,43 :(
просмотров: 1767

Комментарии:
Очень симпатично) Спасибо.
Пс.под кат
mikhasya mikhasya   14 ноября 2008 16:58
:) 1 :( #
Давно смотрю в сторону этого пагинатора… но как-то стремно по стороне сео :(
dig   14 ноября 2008 22:50
:) 2 :( #
Заменять не буду, но все равно Спасибо!!!
inetlover inetlover   15 ноября 2008 22:51
:) 0 :( #
в ie вот так отображается, после того как нажимаешь прокрутку, появляются цифры

в ff все отлично
_SP_ _SP_   20 ноября 2008 16:00
:) 0 :( #
и еще, оранжевый квадратик, я так понимаю, это обозначение текущей страницы, так вот он все время на одном и том месте, в данном случае на 5
_SP_ _SP_   20 ноября 2008 16:11
:) 0 :( #
для IE нужно загружать через window.onload чтобы убрать «NaN»
Нужно создать *.js файл
window.onload = function(){
paginator3 = new Paginator(
«paginator3», // id контейнера, куда ляжет пагинатор
100, // общее число страниц
10, // число страниц, видимых одновременно
5, // номер текущей страницы
«www.site.ru/blog/approved/» // url страниц
);
}

прописать его в approved.tpl


и в нем же порписать сам панигатор в необходимом месте
spot spot   20 ноября 2008 16:44
:) 1 :( #
По-моему надо вставлять pag3 = new Paginator('paginator3', {$allpage}, 10, {$curpage}, «ваш вебсайт/blog/approved/»);, а не pag3 = new Paginator('paginator3', 100, 10, 5, «»);
dzhus   17 января 2009 04:35
:) 0 :( #
Простите за глупость, но если оранжевый показывает на какой ты странице, то что показывает постоянная стрелочка под единицей?
galo4kin galo4kin   2 февраля 2009 17:04
:) 0 :( #
Написать комментарий
Только зарегистрированные пользователи могут оставлять комментарии.





Подписаться на рассылку
"Бесплатный движок bigstreet.ru"


 
© 2008-2010. | О сайте | Инструкции | Обратная связь
© Powered by BigStreet RC1-maps Сервис коротких адресов
www.webmoney.ru Участник проекта CMS Magazine


Работа с БД:
 Время - 0.0023
 Запросов - 8 		Работа с кэшем:
 Время - 0.0127
 Записей - 2
 Прочтений - 5 		Общее время:
 0.0589