Меню в InstantCMS 2//

#46 31 марта 2015 в 21:34
Atid — Gorec, да хорошо, хорошо, это совершенно не к спеху..
PIN, иначе и быть не может…
#47 31 марта 2015 в 23:24
Ребят, я года два уже использую bootstrap, использовал и в первой ветке и сейчас делаю для второй. Сложности можно легко обойти. В основном при заказе шаблона меню отличаются от bootstrap, меню навигации можно просто напросто можно либо удалить из кода либо заново собрать без навигации на самом сайте bootstrap.
#48 26 апреля 2015 в 00:28
Никак не могу одолеть меню пользователя joxi.ru/Q2K09gaSRnbbAj.
Хочу привести к виду joxi.ru/52aR6XLunL94A0.
При использовании в main.tpl.php следующего кода:

  1.  
  2. <nav class="navbar navbar-user_menu navbar-static-top" role="navigation">
  3. <?php $this->widgets('user_menu', false, 'wrapper_plain'); ?>
  4. </nav>
  5.  
В главном меню и меню пользователя выводится меню пользователя.
Как можно решить данный вопрос?
#50 26 апреля 2015 в 13:50


Никак не могу одолеть меню пользователя joxi.ru/Q2K09gaSRnbbAj.
Хочу привести к виду joxi.ru/52aR6XLunL94A0.

DELLитант
Не понятно )))

wayfox

Вопрос снимаю — разобрался.
#51 26 апреля 2015 в 17:40
Как запилить выплывающие элементы подменю не в одну, а в две колонки?)))
А то такая тянучка получается у меня ужас :%)
#52 26 апреля 2015 в 18:12

Как запилить выплывающие элементы подменю не в одну, а в две колонки?)))
А то такая тянучка получается у меня ужас :%)

Lover
Задайте смещение для вложенного списка… ))
#53 26 апреля 2015 в 18:38


Как запилить выплывающие элементы подменю не в одну, а в две колонки?)))
А то такая тянучка получается у меня ужас :%)

Lover
Задайте смещение для вложенного списка… ))

wayfox

Эм))) Это не весело, так как я вообще уже не отбиваю мозгом как это делается laugh
#54 26 апреля 2015 в 18:43

Эм))) Это не весело, так как я вообще уже не отбиваю мозгом как это делается

Lover
Ну дайте сайт ваш, и скажите какое вам меню поправить, я вам скажу что исправить )
#55 26 апреля 2015 в 18:50


Эм))) Это не весело, так как я вообще уже не отбиваю мозгом как это делается

Lover
Ну дайте сайт ваш, и скажите какое вам меню поправить, я вам скажу что исправить )

wayfox

Он сейчас на локальной машине scratch. Стандартный шаблон двойки последней, без изменений.
#56 26 апреля 2015 в 18:57
Ну тогда там вроде все в порядке… Только если вы не смотрите меню при малом разрешении, там оно сделано специально списком ) А так какое хотите меню, такое и делайте, либо заказывайте )))
#57 21 октября 2015 в 17:19
Всем доброго вечера. Появился вопрос по стандартному меню в двойке. Задача такая: пункты меню — это название разделов статей, у каждого раздела есть подразделы и при наведении на пункт меню они должны тоже отображаться. Пункт статьи в меню сделан ссылкой вида {content:articles}, а как сделать по аналогии рубрики статей?

Вывести рубрику удалось за счет ссылки articles/имя, но при наведении на пункт меню не отображается подрубрик
#58 29 октября 2015 в 18:42
Попросили помочь в создании бутстрап меню.
1 Нам нужны с этого сайта http://getbootstrap.com/customize/ компоненты
JavaScript components — Dropdowns, Component animations (for JS)
Linked to components — Dropdowns
Magic — Collapse
Ссылка на эту сборку здесь
Отмечам то что нужно, и жмем в самом внизу на — Compile and Download.
Скачанные файлы подключаем к шаблону, в архиве имеются минимизированные и обычные варианты файлов, какой подключать решать вам.
Из css файла убираем все лишне, а лишнее у нас все до
  1. .fade {
  2. opacity: 0;
  3. -webkit-transition: opacity 0.15s linear;
  4. -o-transition: opacity 0.15s linear;
  5. transition: opacity 0.15s linear;
  6. }
если все правильно сделали то это до 302 в обычной версии строки. В скрипте ничего не нужно убирать.
Далее в файле /main.tpl.php в нужном для вас месте ставим ссылку с кодом вызова коллапса
  1. <a class="mobile-menu-link" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
  2. Link with href
  3. </a>
далее модуль вывода меню оборачиваем в следующий див
  1. <div class="collapse" id="collapseExample">
  2. <?php $this->widgets('topmenu'); ?>
  3. </div>
Сохраняем и далее переходим за пульт управления, то есть в css файлы.
Ссылка которую мы изначально добавили предназначена для того чтобы раскрыть блок с нашим меню в мобильном варианте, и поэтому нам надо ее скрыть на больших мониторах. Для этого пишнм в цсс следующее
  1. @media screen and (min-width: 768px) {
  2. .mobile-menu-link {
  3. display: none;
  4. }
  5. #collapseExample {
  6. display: block !important;
  7. }
  8. }
И один маленький штрих, в мобильном варианте обычное меню в дефолте скрывается и появляется селект меню, нам нужно селект скрыть а обычное показать, для этого пишем так
  1. @media screen and (max-width: 767px) {
  2. .collapse .menu {
  3. display: block !important;
  4. }
  5. .collapse select {
  6. display: none !important;
  7. }
  8. }
Далее на свое усмотрение стилизуем кнопку открытия меню и самое меню в мобильном варианте.
Про под меню другой рассказ.
#59 29 октября 2015 в 22:51
Что то я совсем запутался, куда и что подставлять. Пытался сделать как написано ничего не получилось, появляется ссылка Link with href при сворачивании, нажимаешь на нее и ничего не происходит. Можно пожалуйста для меня тупого, по подробнее, начиная со встраиванием кода в шаблон, на счет bootstrap все понятно.
#60 29 октября 2015 в 23:50
У вас на сайте вы скрипты не в той очереди подгрузили.
  1. <script src="/templates/pipkis/js/bootstrap.min.js" type="text/javascript">
  2. <script src="/templates/pipkis/js/jquery.js" type="text/javascript">
у вас бутстрап раньше чем jquery подключается. Как вы бутсрап подключали, скиньте исходный код из маин файла
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.