Перейти к содержимому

- - - - -

Всплывающее Меню Для 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/j&#097;v&#097;script'>
new ipb.Menu($('extra_nav'),$('extra_nav_menucontent'));
</script>
</if>
<script type='text/j&#097;v&#097;script'>
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 Должны совпадать )
  • AnukaNew, godlandimagedom, isabellarn1 и 227 другим это нравится


0 Comments

Яндекс.Метрика Рейтинг@Mail.ru
Besucherzahler femmes russes a marier
счетчик посещений