Перейти к содержанию
IPSGuru.ru - Сообщество веб администраторов

Всплывающее меню для IPB


OLlZ

Рекомендуемые сообщения

Всплывающее меню для IPB

В данном уроке я расскажу как сделать всплывающее меню для форумного движка Invision Power Board.

И так Начнем.

Заходим

АЦ---->Внешний Вид--->Ваш стиль--->Управление Шаблонами и CSS--->Выбираем Шаблоны--->globalTemplate

Далее ищем следующее:

<li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="{$data['app_seotitle']}" template="{$data['app_template']}" base="{$data['app_base']}"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'>{IPSLib::getAppTitle($data['app_dir'])}</a></li> </if> </foreach> </if> </if> ////Вставляем код Всплывающего меню который напишу ниже.

После тега </if> как я отметил, Вставляем сам код всплывающего меню:

<li class='left'><a href="#" class='ipbmenu' id='menu_nav'>Меню<img src='http://ipbzona.ru/public/style_images/ipbzona/useropts_arrow.png' /></a></li> <ul id='menu_nav_menucontent' class='ipbmenu_content' style='display: none'> <li><a href='Ссылка'>Меню 1</a></li> <li><a href='Ссылка'>Меню 2</a></li> </ul> <script type='text/javascript'> new ipb.Menu($('extra_nav'),$('extra_nav_menucontent')); </script> </if> <script type='text/javascript'> if( $('primary_nav') ){ ipb.global.activateMainMenu(); } </script>

Если вы хотите сделать несколько всплывающих меню делаем следующее:

1) Добавляем Код Всплывающего Окна после закрывающего тега </script>
2) Меняем id меню (Обязательно) пример:

class='ipbmenu' id='((menu))_nav'

Двойными скобками обозначил id меню его можно менять на своё, но только то что написано в ((скобках)).

Далее изменяем следующее:

<ul id='((menu))_nav_menucontent' class='ipbmenu_content' style='display: none'>

Делаем тоже самое если добавляете новое всплывающее меню, меняйте только то что написано в ((скобках)). ( Два id Должны совпадать ) 

Изменено пользователем Денис Сергеевич
  • Лайк 1
  • Нравится 1
Ссылка на комментарий
  • 2 недели спустя...
  • Администраторы

Модельное окно наверное. Как я сделал для стр. хоста, время будет выложу вот демо нажимаем на любой контакт и появится модельное окно.

  • Лайк 1
Ссылка на комментарий

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйтесь. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...