Форум русской поддержки Joomla!® CMS
27.06.2017, 21:37:09 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Bootstrap 3 + J3.7 и меню

 (Прочитано 75 раз)
0 Пользователей и 1 Гость смотрят эту тему.
tiraz
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 56


Правильное тиражирование CD DVD


« : 15.06.2017, 17: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
*****

Репутация: +731/-3
Offline Offline

Пол: Мужской
Сообщений: 6681


Рисую дизайны


« Ответ #1 : 15.06.2017, 20:26:36 »

Жуть какая. Лучше дописать отдельную CSS, чем городить такой огород. Меню должно быть семантичным.
Код
<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
Практически профи
*******

Репутация: +76/-3
Offline Offline

Пол: Мужской
Сообщений: 1791


Skype: septdir


« Ответ #2 : 15.06.2017, 21:42:18 »

Под меню у bs2 и 3 частенько кликнит, как верно сказано выше лучше свой CSS и без огорода.
Что же до mod_menu он отичино переопределяться и можно делать альтернативные макеты. давно уже не работал с bs так что под рукой нет.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet