Как сделать вертикальную полосу прокрутки

Discussion in 'Изменение шаблона (кастомизация)' started by XAXATyH, Jan 20, 2011.

  1. Offline

    XAXATyH Недавно здесь

    Joined:
    Jan 20, 2011
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    помогите пожалуйста сделать вертикальную полосу прокрутки для меню, скажите что надо вставлять в html и css а то как не пробую ничего не получаеться
     
    XAXATyH, Jan 20, 2011
    #1

  2. Ads Master

     
  3. Offline

    XAXATyH Недавно здесь

    Joined:
    Jan 20, 2011
    Messages:
    2
    Likes Received:
    0
    Gender:
    Male
    одно меню слишком длиное много разделов в нем, даже если делаю шаблон дубовым то меню просто обрезается
     
    XAXATyH, Jan 21, 2011
    #2
  4. CB9T
    Offline

    CB9T Преподаватель по J! Staff Member ⇒ Профи ⇐

    Joined:
    May 21, 2010
    Messages:
    2,604
    Likes Received:
    322
    Gender:
    Male
    Можешь дать адрес сайта так проще будет.
    Или же через css.

    Предположим у нас: div (блок) , вот код в HTML:
    Код (CODE):
    1. <div class="content">




    CSS стиль для этого div'a:
    Код (CODE):
    1. .content {
    2.                 border-color: #123456;      - цвет
    3.                 border: 1px solid;              - рамка
    4.                 width: 600px;                   - ширина
    5.         height: 150px;             - высота
    6.         background-color: #FFFFFF;  -задний фон
    7.                 overflow-y: scroll;   - а вот как раз то, ради чего вы написали тут сообщение :D
    8.         }


    P.S. Если помог "+" под аватаром слева :gam2:
     
    CB9T, Jan 21, 2011
    #3
  5. Offline

    dimos87 Недавно здесь

    Joined:
    Mar 2, 2010
    Messages:
    15
    Likes Received:
    0
    Gender:
    Male
    А можно как то сделать креативней этот скрол? Полосу например убрать, а сам ползунок оставить
     
    dimos87, Aug 1, 2012
    #4
  6. Offline

    Dzam Пользователь

    Joined:
    May 29, 2012
    Messages:
    134
    Likes Received:
    4
    Gender:
    Male
    jquery + jquery.jscrollpane.js + jquery.mousewheel.js (последнее если хочешь чтобы прокрутка колесом мыши была). Добавляешь в index.php своего шаблона вот такие строки в <head>:

    Код (PHP):
    1. <script type="text/javascript" src="<?php echo $template_path ?>/js/jquery-1.7.2.min.js"></script>
    2. <script type="text/javascript" src="<?php echo $template_path ?>/js/jquery.jscrollpane.js"></script>
    3. <script type="text/javascript" src="<?php echo $template_path ?>/js/jquery.mousewheel.js"></script>

    в секцию <script> вот такой код:
    Код (PHP):
    1. jQuery(function() {
    2.     jQuery('.scroll-pane').jScrollPane();
    3. });

    где scroll-pane - это класс скролируемой области. Вроде все. Все размеры, картинки, вообщем все оформление можно изменять через css, достаточно после установки посмотреть что генерирует скрипт.
     
    Dzam, Aug 1, 2012
    #5
  7. Offline

    dimos87 Недавно здесь

    Joined:
    Mar 2, 2010
    Messages:
    15
    Likes Received:
    0
    Gender:
    Male
    а понятнее можешь обьяснить, пожалуйста. Что значит
    Эти файлы создавать надо или как? Или они уже есть?
     
    dimos87, Aug 2, 2012
    #6
  8. Offline

    Dzam Пользователь

    Joined:
    May 29, 2012
    Messages:
    134
    Likes Received:
    4
    Gender:
    Male
    Вы бы хоть вот так тогда попробовали. Просто тут уже предложили варианты и остается либо делать вам либо для Вас делать кому то.
     
    Dzam, Aug 2, 2012
    #7
< Немогу выравнить модули. | Адаптация шаблона под Joomla 1.7 >

Share This Page

Loading...