как в вебасист сделать окно чтобы ездило с полосой прокруткой?

Тема в разделе "WebAsyst", создана пользователем Pal, 26 май 2011.

Модераторы: mdss
  1. Pal

    Pal

    Регистр.:
    21 май 2008
    Сообщения:
    360
    Симпатии:
    12
    хочу туда вставить телефон для связи, чтобы человек если и вниз экран прокручивал то и окошечко ездило вместе с полосой прокрутки.
    в общем чтобы всегда телефоны для связи были на виду.
    надеюсь поняли о чем идет речь - заранее благодарю за ответы.
     
  2. sirotka

    sirotka

    Регистр.:
    25 авг 2008
    Сообщения:
    156
    Симпатии:
    55
    С помощью jQuery
     
  3. Pal

    Pal

    Регистр.:
    21 май 2008
    Сообщения:
    360
    Симпатии:
    12
    если возможно поподробнее, есть готовые скрипты?
     
  4. Valeras

    Valeras Постоялец

    Регистр.:
    23 апр 2007
    Сообщения:
    107
    Симпатии:
    36
    Это называется плавающее боковое меню, или просто плавающее меню. Задаете в поиске вместе с jQuery, находите много реализаций.
    Вот, например, одна из них:

    http://hyperseo.ru/?p=186
     
    Pal нравится это.
  5. sirotka

    sirotka

    Регистр.:
    25 авг 2008
    Сообщения:
    156
    Симпатии:
    55
    Нажимая на контакт слева, выезжает панелька с телефоном
     

    Вложения:

    • example.rar
      Размер файла:
      17,5 КБ
      Просмотров:
      25
    Erepb и Pal нравится это.
  6. Pal

    Pal

    Регистр.:
    21 май 2008
    Сообщения:
    360
    Симпатии:
    12
    идеальный миниатюрный вариант и весит мало, благодарю

    ... ещё б вставить в вебасист ... (мысли в слух)
     
  7. sirotka

    sirotka

    Регистр.:
    25 авг 2008
    Сообщения:
    156
    Симпатии:
    55

    https://www.nulled.cc/showthread.php?t=170893&page=2 сообщение 20

    Я надеюсь суть понятна?
     
    Pal нравится это.
  8. Pal

    Pal

    Регистр.:
    21 май 2008
    Сообщения:
    360
    Симпатии:
    12
    благодарю, просто и понятно, если позволите размещу здесь

    папка для скриптов published\SC\html\scripts\js
    Кидаем наши два файла))
    jquery-1.2.1.min.js
    menu-collapsed.js

    Редактор дизайна » Редактирование темы » Head
    Вставляем
    <script type="text/javascript" src="{$smarty.const.URL_JS}/jquery-1.2.1.min.js"></script>
    <script type="text/javascript" src="{$smarty.const.URL_JS}/menu-collapsed.js"></script>
    Сохранить

    Редактор дизайна » Редактирование темы » Стили(CSS)
    Вставляем наши стили))) Сохранить

    Редактор дизайна » Редактирование темы » Конструктор (WYSIWYG) » Произвольный HTML-код и в него вставляем наше меню! Вставляем нужное место и жмем сохранить)) И улыбаемся
     
  9. Pal

    Pal

    Регистр.:
    21 май 2008
    Сообщения:
    360
    Симпатии:
    12
    только вот почему-то не ездит вместе с прокруткой
    разобрался
    необходимо сменить fixedPosition: true на false и будет счастье :)
    ещё вопросики:
    1)как сделать чтобы меню раздвигалось не от нажжатия а от наведения на картинку контакты
    2)как вставить какртинку в определенное место

    криво работает, в ослике совсем не хочет нормально отображать - внизу вставил, внизу и отображает
    в хроме, фон то белый, то прозрачный. на прозрачном ничего не видно ....
    в лисе- вроде норм...
     
  10. corsar2008

    corsar2008

    Регистр.:
    22 авг 2009
    Сообщения:
    156
    Симпатии:
    19
    a:hover{padding-left:10px}
     
    Pal нравится это.