0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 151 Просмотров
*

tiraz

  • Осваиваюсь на форуме
  • 60
  • 1
  • Правильное тиражирование CD DVD
Bootstrap 3 + J3.7 и меню
« : 15.06.2017, 16:49:10 »
Граждане, господа, товарищи, созрел вопрос по вменяемому меню на бутстрап в Joomla 3.
Предыстория:
- вывожу менюшку в шаблоне используя примерно следующий код:
<div class="container-fluid">
      <div class="row-fluid">   
         <div id="fav-navbar" class="clearfix">
            <div class="<?php echo htmlspecialchars($mobileNavColor);?>">
               <div class="navbar-inner">
                  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>   
                  </a>
                  <div class="nav-collapse collapse">
                     <?php if ($this->countModules('nav')) { ?>
                        <div id="fav-navbar-collapse" class="span12">
                           <jdoc:include type="modules" name="nav" style="icon" />
                        </div>
                     <?php } ?>
                  </div>          
               </div>
            </div>
         </div>
      </div>
   </div>
Длинно и замысловато, но:
+ подпункты выводит при наведении курсора
+ добавляет иконки перед заголовком меню
- отдельный CSS для оформления меню
В природе есть модифицированный mod_menu который сам генерирует правильный вывод, это сокращает код в шаблоне до примерно следующего:
<div id="fav-navbar-collapse" class="span12">
 <jdoc:include type="modules" name="nav" style="icon" />
</div>
Правда тот который найден в природе не выводит подпункты при наведении курсора.
Основная задача модифицировать mod_menu j.3.7 для:
+ подпункты меню показывает при наведении
+ сворачивает (collaps) на мобильных
+ нет необходимости в отельном CSS стиле (правится бутстраповский стиль)
.... КАК?
Дизайн + Joomla
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
Re: Bootstrap 3 + J3.7 и меню
« Ответ #1 : 15.06.2017, 19:26:36 »
Жуть какая. Лучше дописать отдельную CSS, чем городить такой огород. Меню должно быть семантичным.
Код: html4strict
<nav>
<ul>
<li>
<a>Компания</a>
<ul>
<li><a>О компании</a></li>
<li><a>Вакансии</a></li>
<li><a>Колектив</a></li>
</ul>
</li>
<li>
<a>Вакансии</a>
</li>
<li>
<a>Контакты</a>
</li>
</ul>
</nav>
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

Septdir

  • Практически профи
  • 2273
  • 113
  • JoomlaZen
Re: Bootstrap 3 + J3.7 и меню
« Ответ #2 : 15.06.2017, 20:42:18 »
Под меню у bs2 и 3 частенько кликнит, как верно сказано выше лучше свой CSS и без огорода.
Что же до mod_menu он отичино переопределяться и можно делать альтернативные макеты. давно уже не работал с bs так что под рукой нет.
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
________
Мои Контакты | JoomlaZen
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Меню исчез при уменьшении экрана. Шаблон YT Katana

Автор aniangeless

Ответов: 1
Просмотров: 16
Последний ответ Сегодня в 01:23:36
от aniangeless
Как в t3 framework разместить меню напротив логотипа\?

Автор KingSnake

Ответов: 3
Просмотров: 48
Последний ответ 18.09.2017, 10:20:49
от lexxbry
Выпадающее меню по клику в шаблонах Yootheme

Автор pvi1

Ответов: 3
Просмотров: 64
Последний ответ 13.09.2017, 21:54:15
от fbr
Как плагин аккордеона заставить работать с новой версией Bootstrap?

Автор sergey-911

Ответов: 9
Просмотров: 219
Последний ответ 05.08.2017, 21:33:59
от capricorn
Фиксированное при прокрутке горизонтальное меню на шаблоне Bootstrap

Автор sergey-911

Ответов: 1
Просмотров: 236
Последний ответ 30.07.2017, 14:29:44
от sergey-911