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

tiraz

  • Захожу иногда
  • 60
  • 1 / 0
  • Правильное тиражирование 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 стиле (правится бутстраповский стиль)
.... КАК?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
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>
*

Septdir

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

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 2404
Последний ответ 27.07.2023, 13:37:17
от ei-dos
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4623
Последний ответ 23.05.2023, 07:22:49
от geral
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 1080
Последний ответ 21.03.2023, 11:47:29
от marksetter
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2101
Последний ответ 20.03.2023, 12:42:49
от Andre100
OffCanvas меню

Автор Алексей Лоскутов

Ответов: 5
Просмотров: 2143
Последний ответ 13.02.2023, 20:20:37
от dashkov