We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 16635
    • 6 Posts
    Доброго времени суток, всем! Я новичек в MODx, поэтому сильно ногами не пинайте. Проблема в следующем.
    У меня в шаблоне есть чанк {{LEFTBAR}}. А в чанке простые три строчки:

    <ul id="navi">
    [[Wayfinder? &startId=`0`]]
    </ul>


    Меню отлично выводиться, но ей не назначается стиль (хотя и в ксс выставлено ul ol {list-style:none;}, появились маркеры). Как быть в таком случае? Как насильно назначить стиль?
      • 1788
      • 1,103 Posts
      Quote from: langolf at Sep 30, 2009, 01:11 AM

      Доброго времени суток, всем! Я новичек в MODx, поэтому сильно ногами не пинайте. Проблема в следующем.
      У меня в шаблоне есть чанк {{LEFTBAR}}. А в чанке простые три строчки:

      <ul id="navi">
      [[Wayfinder? &startId=`0`]]
      </ul>


      Меню отлично выводиться, но ей не назначается стиль (хотя и в ксс выставлено ul ol {list-style:none;}, появились маркеры). Как быть в таком случае? Как насильно назначить стиль?
      В данном случае вы вложили в список сам список меню вайфандера.
      вышло что-то вроде ul ul li.
      А ваш стиль прописан для конструкции ul ol li.

      Кстати, зачем такие вложения? Надо упрощать конструкцию.
        • 16635
        • 6 Posts
        Quote from: antey at Sep 30, 2009, 01:54 AM

        Кстати, зачем такие вложения? Надо упрощать конструкцию.

        Посмотрел хтмл на выходе, действительно, чот я усложнил smiley Не подскажите тогда как назначить стиль тому, что выплевывает Wayfinder?
          • 1788
          • 1,103 Posts
          Quote from: langolf at Sep 30, 2009, 02:26 AM

          Посмотрел хтмл на выходе, действительно, чот я усложнил smiley Не подскажите тогда как назначить стиль тому, что выплевывает Wayfinder?
          Например:
          <div id="leftbox">[[вайфандер]]</div>
          Запускаем FF с файрбагом и смотрим код. Пишем стили.
          #leftbox {}
          #leftbox ul {} // список меню
          #leftbox ul li {} // пункт меню
          #leftbox ul li a {} // ссылка
          #leftbox ul li span {} // для активной ссылки

          Еще можно добавить:
          #leftbox ul li.first {} // первый пункт меню
          #leftbox ul li.last {} // последний пункт меню
          #leftbox ul li.active {} // активный пункт меню

          Если есть вложение 2 уровня, то для него пишем, например:
          #leftbox ul li ul {}

          Далее по-анологии. В {} прописывайте свои стили. smiley
            • 16635
            • 6 Posts
            Спасибо!
              • 28630
              • 31 Posts
              Можно как-то еще так:
                [[Wayfinder?  &startId=`0` &level=`1` &outerClass=`menu-h`]] 


              где menu-h класс http://css-framework.ru/doc/meniu/horizontal-menu/ из CSS-Framework