Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Всплывающая панель

Предыдущая тема Следующая тема Перейти вниз

Всплывающая панель

Сообщение автор Иванек в Пт 4 Янв - 15:02

http://help.forum2x2.ru/t26597-topic
тема
а как сделать чтобы панель всплывала сбоку?

Иванек
 

Мужчина

Сообщения : 39
Регистрация : 2012-11-02
Благодарности : 0

Без предупреждений

http://www.fire-home.com/

Вернуться к началу Перейти вниз

Re: Всплывающая панель

Сообщение автор Домовой в Пт 4 Янв - 17:24

Там и так сбоку. Слева вариант устроит?

Домовой
 

Мужчина

Сообщения : 6804
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Всплывающая панель

Сообщение автор Иванек в Пт 4 Янв - 20:26

Да вполне устроит

Иванек
 

Мужчина

Сообщения : 39
Регистрация : 2012-11-02
Благодарности : 0

Без предупреждений

http://www.fire-home.com/

Вернуться к началу Перейти вниз

Re: Всплывающая панель

Сообщение автор Домовой в Пт 4 Янв - 21:32

Подходит для версий форума [punBB][phpBB2]

1. ПА - Модули - HTML & JAVASCRIPT - Управление кодами Javascript
Создать новый Javascript
Название * : Боковая панель
Расположение : На всех страницах
Код Javascript * :
Код:
$(function(){
 $('.slide-out-div').tabSlideOut({
  tabHandle: '.handle',                                  /*класс элемента вкладки*/
  pathToTabImage: 'http://www.snapsnap.ru/i/cnccnc.png', /*путь к изображению "обязательно"*/
  imageHeight: '100px',                                  /*высота изображения "обязательно"*/
  imageWidth: '25px',                                    /*ширина изображения "обязательно"*/
  tabLocation: 'right',                                  /*сторона на которой будет вкладка top, right, bottom, или left*/
  speed: 500,                                            /*скорость анимации*/
  action: 'click',                                      /*опции=:'click'или'hover', анимация при нажатии или наведении*/
  topPos: '40px',                                        /*расположение от верхнего края/ использовать если tabLocation = left или right*/
  leftPos: '20px',                                      /*расположение от левого края/ использовать если tabLocation = bottom или top*/
  fixedPosition: true                                    /*опции: false сделает данную вкладку прокручивающуюся при скролле*/
  });
});
Сохраните.

2. ПА - Оформление - Шаблоны - Общие настройки
Откройте шаблон overall_footer_end (Конец нижней части страницы), в самый низ перед </body>вставьте
Код:
<!--боковая выдвижная панель-->
<script type="text/javascript" src="http://yourjavascript.com/92551122121/jquery.tabslideout.v1.2.js"></script>

<!--блок с содержимым-->
<div class="slide-out-div">
<a class="handle"></a>
Здесь ваше содержимое блока
  </div>
Сохранить и опубликовать шаблон.

3. В CSS вставьте коды оформления блока
Код:
/*оформление выдвигающегося поля*/
.slide-out-div {
width:100px; /* ширина */
height:100px !important; /* высота */
background-color:#FFFFF2; /* фон */
border:1px solid #E8C15D; /* рамка */
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:12px; /* отступ содержимого от границ поля */
line-height: 1.6em;
}

/* оформление ссылок в панели */
.slide-out-div a {
font-family:Georgia; /* шрифт */
font-size:13px; /* размер текста */
color:#804804; /* цвет ссылок */
line-height: 1.6em;
}

/* цвет ссылок в панели при наведении курсора */
.slide-out-div a:hover {
color:#AC8E25;
}
Сохраните.
Оформление меняйте на свой вкус и цвет.

Домовой
 

Мужчина

Сообщения : 6804
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Всплывающая панель

Сообщение автор Иванек в Пт 4 Янв - 21:40

13

Тока я все ровно не понял как сделать ее слева?

Иванек
 

Мужчина

Сообщения : 39
Регистрация : 2012-11-02
Благодарности : 0

Без предупреждений

http://www.fire-home.com/

Вернуться к началу Перейти вниз

Re: Всплывающая панель

Сообщение автор Домовой в Пт 4 Янв - 22:08

в скрипте все строчки подписаны что за что отвечает.
Код:
tabLocation: 'right',      /*сторона на которой будет вкладка top, right, bottom, или left*/
Меняйте расположение

Домовой
 

Мужчина

Сообщения : 6804
Возраст : 93
Место обитания : :яинатибо отсеМ
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения