We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 9085
    • 630 Posts
    1. Имеются ввиду разные чанки &hereTpl, &rowTpl
    2. ошибка - нужно "разлепить" атрибуты a href

    Внимательнее почитать доки
    http://ru.wikibooks.org/wiki/MODx/%D0%92%D1%81%D1%82%D1%80%D0%BE%D0%B5%D0%BD%D1%8B%D0%B5_%D1%81%D0%BD%D0%B8%D0%BF%D0%BF%D0%B5%D1%82%D1%8B/Wayfinder

    внимательней прочитать вопрос:
    "Зачем в каждой ссылке писать class="active"?" - задумка в том, что сниппет выводит его только для текущего элемента (который соответствует текущей странице), чтобы ВЫДЕЛИТЬ элемент из остальных (цветом, подчеркнуть, жирным.. на что CSS-фантазии хватит). аналогично с .last - (отчеркнуть, последний.. или наоборот не отчеркивать.. или.. В общем, под дизайн подогнать)

    Еще внимательней ответить на вопрос:
    "Зачем назначать каждому пункту класс?"
      Правильно заданный вопрос повышает вероятность получения нужного ответа.
      Что-то не работает? Загляните в лог ошибок!
      Есть проблема? "Локализуйте" её!
      Ответы на большинство вопросов по MODx | MODx RTFM | API Evo Revo | галопом по Европам Азиям smiley wikibooks(ru) Ditto(en) | Wayfinder e-book | Заметки и о MODx
      • 7571
      • 135 Posts
      Все, спасибо, разлипил, валидацию прошел. Доки читал до потери пульса.
      Да, нужно было чтобы для всех все одинаково. В итоге просто прописал нужный класс и все.
      cms ка начинает нравится с каждым днем все больше smiley
        • 9085
        • 630 Posts
        Quote from: Djeak at Sep 24, 2010, 09:40 AM

        Да, нужно было чтобы для всех все одинаково.
        Рекомендую всё же обратить внимание на первую букву аббревиатуры CSS...

        При использовании, например
        ul.rightmenu li {megastyle}
        

        вместо
        li.rightmenu {megastyle}
        

        количество HTML-кода сократится, да и читабельность улучшится
        Удачи...
          Правильно заданный вопрос повышает вероятность получения нужного ответа.
          Что-то не работает? Загляните в лог ошибок!
          Есть проблема? "Локализуйте" её!
          Ответы на большинство вопросов по MODx | MODx RTFM | API Evo Revo | галопом по Европам Азиям smiley wikibooks(ru) Ditto(en) | Wayfinder e-book | Заметки и о MODx
          • 7571
          • 135 Posts
          Здравствуйте. Пришлось вернутся, опять к менюшке сайта, ибо потребовалось изменить стиль одного из пункта меню.
          Сейчас у меня в чанке прописано:
          <li><a href="[+wf.link+]" class="active">[+wf.linktext+]</a></li>
          Сам вывод происходит:
          [!Wayfinder? &startId=`0` &rowTpl=`menuTPout`!]
          Как можно сделать, чтобы выделить другим стилем, например, третий пункт меню?
          Сейчас за дизайн меню отвечает только класс "active".
            • 1788
            • 1,103 Posts
            Quote from: Djeak at Sep 27, 2010, 08:04 AM

            Как можно сделать, чтобы выделить другим стилем, например, третий пункт меню?
            Сейчас за дизайн меню отвечает только класс "active".
            .active по умолчанию вставляется в LI
              • 7571
              • 135 Posts
              Хм, у меня не вставился, у меня при выводе
              <li><a href="[+wf.link+]" [+wf.classes+]>[+wf.linktext+]</a></li>

              только первый и последний пункты меню отображались в стилях. Вот html код, который получается:
               <div id="menu">
              <ul><li><a href="http://www.foldhome.ru/"  class="active">Главная</a></li>
              <li class="menusap"></li>
              <li><a href="/poroda.html" >О породе</a></li>
              <li class="menusap"></li>
              <li><a href="/news.html" >Новости</a></li>
              <li class="menusap"></li>
              <li><a href="/contact.html" >Контакты</a></li>
              
              <li class="menusap"></li>
              <li><a href="/photo.html"  class="last">Фотогалерея</a></li>
              <li class="menusap"></li>
              </ul>
              </div>


              А если прописываю
              <li><a href="[+wf.link+]" class="active">[+wf.linktext+]</a></li>
              , то тогда у каждого элемента меню этот класс. И это меня бы устраивало, если бы мне не нужно было изменить дизайн одной кнопки, которая по счету будет не первая и не последняя.
                • 9085
                • 630 Posts
                Quote from: Djeak at Sep 27, 2010, 08:04 AM

                Здравствуйте. Пришлось вернутся, опять к менюшке сайта, ибо потребовалось изменить стиль одного из пункта меню.
                Сейчас у меня в чанке прописано:
                <li><a href="[+wf.link+]" class="active">[+wf.linktext+]</a></li>
                Некорректное использование класса в шаблоне WayFinder
                Сам вывод происходит:
                [!Wayfinder? &startId=`0` &rowTpl=`menuTPout`!]
                Как можно сделать, чтобы выделить другим стилем, например, третий пункт меню?
                Сейчас за дизайн меню отвечает только класс "active".

                1. куроманить CSS (зачем класс Active отвечает за вывод, если успешно может отвечать селектор id="menu"?)
                Вместо
                li a.active {

                использовать что-то вроде:
                #menu li a {



                2. для отдельного выделения конкретного пункта меню еще разок потерять пульс тут, например
                &rowIdPrefix (по умолчанию — FALSE) — установить уникальный идентификатор для каждого элемента списка (id = rowIdPrefix + docId)

                В сниппет добавляем:
                &rowIdPrefix=`menuid`
                

                В CSS для выделения пункта меню, который соответствует документу с ID=3, например:
                #menuid3 {border:solid 1px red;}



                ps. ещё можно подсмотреть примеры реализации меню на других сайтах =)
                  Правильно заданный вопрос повышает вероятность получения нужного ответа.
                  Что-то не работает? Загляните в лог ошибок!
                  Есть проблема? "Локализуйте" её!
                  Ответы на большинство вопросов по MODx | MODx RTFM | API Evo Revo | галопом по Европам Азиям smiley wikibooks(ru) Ditto(en) | Wayfinder e-book | Заметки и о MODx
                  • 35695
                  • 1 Posts
                  Помогите пожалуйста еще одному новичку

                  Бьюсь уже целый день не получается настроить верхнее меню с выпадающим уровнем

                  Пока в сниппете указано level1 ([!Wayfinder? &startId=`0` &level=`1` !]) все работает
                  ставлю level 2 все ломается

                  Дело в том что выпадающий список имеет другие свойства чем первый уровень меню. Пробовал в сниппете указывать level и задавать в css классы level1 и level2 но тогда перестает работать меню

                  Пробовал css настраивать по разному не выходит

                  Это css и html работающей меню. Может подскажете опытным глазом как легче поступить?
                  ul#topnav {
                  	margin: 0; padding: 0;
                  	float: left;
                  	width: 660px;
                  	list-style: none;
                  	position: relative;
                  	font-size: 13px;
                  	background: url(images/navigation.png)repeat-x;
                  }
                  ul#topnav li {
                  	float: left;
                  	margin: 0; padding: 0;
                  	border-right: 1px solid #555;
                  }
                  ul#topnav li a {
                  	padding: 10px 15px;
                  	display: block;
                  	color: #f0f0f0;
                  	text-decoration: none;
                  }
                  ul#topnav li:hover { background: #1376c9 url(images/topnav_active.png)repeat-x;
                  
                  
                  
                  }
                  ul#topnav li span {
                  	float: left;
                  	padding: 10px 0;
                  	position: absolute;
                  	left: 0; top:35px;
                  	display: none;
                  	width: 660px;
                  	background: url(images/background.png);
                  	color: #fff;
                  	-moz-border-radius-bottomright: 5px;
                  	-khtml-border-radius-bottomright: 5px;
                  	-webkit-border-bottom-right-radius: 5px;
                  	-moz-border-radius-bottomleft: 5px;
                  	-khtml-border-radius-bottomleft: 5px;
                  	-webkit-border-bottom-left-radius: 5px;
                  }
                  ul#topnav li:hover span { display: block; }
                  ul#topnav li span a { display: inline; }
                  ul#topnav li span a:hover {text-decoration: underline;}



                  Это HTML меню
                  <div id="menu">
                  	
                      <ul id="topnav"> 
                           
                          <li> 
                              <a href="#">О компании
                  			</a> 
                              <span> 
                                  <a href="#">Компания</a> |
                                  <a href="#">Команда</a> |
                                  <a href="#">Работа у нас</a> 
                              </span> 
                          </li> 
                          <li> 
                              <a href="#">Услуги</a> 
                              <span> 
                                  <a href="#">Создание сайта</a> |
                                  <a href="#">Поддержка сайта</a> |
                                  <a href="#">Продвижение сайта</a> 
                              </span> 
                          </li> 
                          <li> 
                              <a href="#">Портфолио</a> 
                              <span> 
                                  <a href="#">Веб сайты</a> 
                              </span> 
                          </li> 
                          <li><a href="#">Контакты</a></li> 
                      </ul> 
                  	</div>