Мы в социальных сетях

Важная информация!

Правила форума
для обязательного прочтения!

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

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

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

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

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

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

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

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

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

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

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

Последние темы

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Сегодня в 19:52

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Вчера в 23:23

» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14

» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

Видео-туториалы

Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Всплывающее окно с содержимым в разделе.

Бесплатный форум: форум поддержки :: Вы и Forum2x2 :: :: Интересные решения

Страница 1 из 1

Всплывающее окно с содержимым в разделе.

Сообщение автор Домовой Январь 2nd 2012, 21:37

Всплывающее окно с содержимым в разделе.

1. В шаблон overall_footer перед </body> вставляем скрипт:

Код:: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.tutorbutton').click(function(){ jQuery(this).parent().children('div.tutorCont').slideToggle("slow"); return false; }); }); </script>

2. В описание раздела вставляем следующее:

Код:: <br/><div class="tutor"><div class="tutorbutton"><img src="картинка кнопка" title="описание" alt="описание"></div><div style="DISPLAY: none; position: absolute;" class="tutorCont"><div style="overflow: scroll; overflow-x: hidden; height: 500px;"> ЗДЕСЬ СОДЕРЖИМОЕ ОКНА </div></div></div>

3. В СSS

Код:: .pun table td.tcl { overflow:visible; } .tutor { position:relative; width:150px; /*ширина кнопки*/ height:21px; /*высота кнопки*/ } .tutor div.tutorCont { position:absolute; height:auto; width:735px; /*ширина окна*/ background-color:#fff !important; /*фон окна*/ z-index: 999; margin-top:5px; /*отступ окна от кнопки*/ border:2px solid #B38000; /*толщина, стиль и цвет рамки окна*/ padding:3px; }