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

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

Всплывающая панель Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» совет админам
автор лексей2222 Сентябрь 24th 2024, 05:54

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

» [решено]Редактирвоание темы
автор лексей2222 Сентябрь 23rd 2024, 17:37

» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22

» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24

» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06

» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36

» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06

» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04

» Как убрать подпись о редактировании записи
автор Фея Май 9th 2024, 21:11

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

Участников: 2

Перейти вниз

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

Сообщение автор Иванек Январь 4th 2013, 15:02

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

Мужчина

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

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

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

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

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

Сообщение автор Домовой Январь 4th 2013, 17:24

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

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

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

Сообщение автор Иванек Январь 4th 2013, 20:26

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

Мужчина

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

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

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

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

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

Сообщение автор Домовой Январь 4th 2013, 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;
}
Сохраните.
Оформление меняйте на свой вкус и цвет.
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

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

Сообщение автор Иванек Январь 4th 2013, 21:40

13

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

Мужчина

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

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

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

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

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

Сообщение автор Домовой Январь 4th 2013, 22:08

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

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

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

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

Вернуться к началу

- Похожие темы

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