Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Pagescroller на главную

Сообщений 21 страница 26 из 26

1

Скрипт добавляет на главную страницу справа или слева небольшое навигационное меню, которое позволяет быстро переходить от категории к категории.

http://s4.uploads.ru/t/tnsFw.jpg

Ставим в хтмл-верх/хтмл-низ

Код:
<script type="text/javascript" src="https://forumstatic.ru/files/0011/e9/e1/32423.js"></script>

<script type="text/javascript">
        //перечисляем ВСЕ категории: "название":"ссылка на изображение"
        //в порядке их расположения
        var catmenu = {
            "Работа сервиса и форума":"http://www.iconsearch.ru/uploads/icons/alien/32x32/home.png",
            "Технический раздел":"http://www.iconsearch.ru/uploads/icons/oxygen/32x32/preferences-system.png",
            "Форумы Quadro.Boards":"http://www.iconsearch.ru/uploads/icons/nuvola2/32x32/edu_languages.png",
            "Прочее":"http://www.iconsearch.ru/uploads/icons/webapp/32x32/comment.png",
            "Архив":"http://www.iconsearch.ru/uploads/icons/nuove/32x32/package.png"            //после последней запятая ненужна
        };
        function scrMenuMake(catlist,catarr) {
            var menuhtml = '';
            $('#pun-announcement').prepend('<div id="pagenav" class="pageScroller"><ul></ul></div>');
            $(catarr).each(function(){menuhtml+= '<li><a href="#"><img src="'+catmenu[$(this).find('span').html()]+'"></a></li>';})
            $('#pagenav ul').append(menuhtml);
        }
        jQuery(document).ready(function(){
            var cats = $('.category');
            if(cats.length>0) {
                scrMenuMake(catmenu, cats);
                jQuery('#pun-index').pageScroller({
                    navigation: '#pagenav',
                    sectionClass: 'category'
                });}
        });
    </script>

Сюда добавляем ВСЕ (включая скрытые) категории на форуме.

var catmenu = {
            "Работа сервиса и форума":"http://www.iconsearch.ru/uploads/icons/alien/32x32/home.png",
            "Технический раздел":"http://www.iconsearch.ru/uploads/icons/oxygen/32x32/preferences-system.png",
            "Форумы Quadro.Boards":"http://www.iconsearch.ru/uploads/icons/nuvola2/32x32/edu_languages.png",
            "Прочее":"http://www.iconsearch.ru/uploads/icons/webapp/32x32/comment.png",
            "Архив":"http://www.iconsearch.ru/uploads/icons/nuove/32x32/package.png"            //после последней запятая ненужна
        };

Для каждой группы пользователей отобразятся только те, которые они видят. По схеме:

"точное_название_категории":"ссылка_на_иконку"

Стили (в хтмл-верх или свой стиль)

Правое меню

<style>
    #pagenav {
        right: -110px;
        margin: -180px 0px 0px;
        overflow: visible;
        padding: 5px;
        position: fixed ! important;
        top: 50%;
        width: 150px;
        z-index: 0;
    }
    #pagenav ul {
        background: none repeat scroll 0% 0% #f0f0f0;
        border-radius: 15px 15px 15px 15px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);;
        display: block;
        list-style: none outside none;
        margin: 0px;
        padding: 6px 0px;
    }
    #pagenav li {
        display: block;
    }
    #pagenav li a {
        display: block;
        padding: 8px 10px;
        text-align: left;
    }
    #pagenav li.active a {
        background-color: #a0a0a0;
        box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
    }
</style>

Левое меню

<style>
    #pagenav {
        rigth: -110px;
        margin: -180px 0px 0px;
        overflow: visible;
        padding: 5px;
        position: fixed ! important;
        top: 50%;
        width: 150px;
        z-index: 0;
    }
    #pagenav ul {
        background: none repeat scroll 0% 0% #f0f0f0;
        border-radius: 15px 15px 15px 15px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);;
        display: block;
        list-style: none outside none;
        margin: 0px;
        padding: 6px 0px;
    }
    #pagenav li {
        display: block;
    }
    #pagenav li a {
        display: block;
        padding: 8px 10px;
        text-align: right;
    }
    #pagenav li.active a {
        background-color: #a0a0a0;
        box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
    }
</style>

Демо http://sadhaka.moy.su/tables/pagescroller.htm

+4

21

Если из первого поста брали, еще раз скрипт скопируйте, похоже иам опечатка была.

0

22

kozhilya написал(а):

Winlock
А вы стилевой код (который в конце поста) куда вставляли? И если в html-поля, в <style> . . . </style> обернули?
И на каком форуме вы это ставили?

елементы дизайна ставид в хтмл низ\верх

На форум http://winlock.ru

Помогите разобраться .

Отредактировано Winlock (09.08.2013 07:58:42)

0

23

Winlock
Вставили вы нормально: Google Chrome 28 - полёт нормальный. С какого браузера вы сидите?

0

24

kozhilya написал(а):

Winlock
Вставили вы нормально: Google Chrome 28 - полёт нормальный. С какого браузера вы сидите?

http://s5.uploads.ru/t/o9lpu.jpg

тоже хром 28 , да и в фф  последней не видно иконок, можете сделать скрин моего сайта :?

0

25

Winlock

#pagenav {
        right: -110px;
        margin: -180px 0px 0px;
        overflow: visible;
        padding: 5px;
        position: fixed ! important;
        top: 50%;
        width: 150px;
        z-index: 1000;
    }

Отредактировано Deff (09.08.2013 19:12:45)

0

26

Deff написал(а):

Winlock

Отредактировано Deff (Сегодня 18:12:45)

Пасиба, вот только иконки в меня не отображаються  те что в скрипте по стандарту, нужно заливать новые ,или это в меня баг?
Залил ссылки на новые иконки ,но иконка   1  - дом ,самый верх не переливаеться, ни где ее не могу найти что бы заменить ,да и и конка ,медиа раздела не отображаеться.

Отредактировано Winlock (09.08.2013 21:13:58)

0



Рейтинг форумов | Создать форум бесплатно