We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

Горизонтальное меню с помощью Wayfinder( а)

    • 21431
    • 4 Posts
    Nickolay Reply #1, 19 years ago
    Напишите пожалуйста как сделать горизонтальное меню с помощью Wayfinder( а)
    заранее благодарен.
      • 30354
      • 227 Posts
      TonatosSN Reply #2, 19 years ago
      А вы знаете о понятии "шаблонов"? Документацию читали? Знаете, что такое "css"?
      Горизонтальное меню с помощью вайфайндера создается так же, как и любое другое меню. Что вам конкретно не понятно?
        http://www.avizion.ru/ — строим стартап!
        http://tonatos.ru/ — Заходите в гости...
        • 21431
        • 4 Posts
        Nickolay Reply #3, 19 years ago
        Я хочу сделать верхнее меню такого вида http://www.cssplay.co.uk/menus/menueight.html
        Суть проблемы для меня в том, что Wayfinder выводит по умолчанию вертикальное меню.
        Я наверно пропустил какой то параметр, который надо указывать скорее всего в CSS.
          • 22301
          • 1,084 Posts
          openagate Reply #4, 19 years ago
          Nickolay, чтоб не было разговора глухих со слепыми, ты бы "пример в студию"...

          есть маза, что без доработки на вейфаиндере именно такое меню не построишь.
            [img]http://jurist-info.ru/pic/rrr.jpg[/img]

            Безжалостный пияр!
            Artima -- неуч!
            Осторожно: преступная локализация -- modx-cms.ru
            Баштанник Андрей -- мегапрограммер из Белоруссии и поедатель говна, очень критично настроенный молодой человек!

            Дисклеймер для общительных: даю сам себе право транслировать в открытый эфир содержание лички, just for fun
            • 30354
            • 227 Posts
            TonatosSN Reply #5, 19 years ago
            Гм.... Выводится у нас вайфайндером меню такого вида:
            <div id="menu"> <!-- Див пишем ручками в шаблоне-->
  <ul>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
    <li>Пункт 3</li>
    <li>Пункт 4</li>
    <li>Пункт 5</li>
  </ul>
</div>



            А в CSS задаем такое:
            #menu ul li {
            display: block;
            float: left;
            width: Npx;
            height: Npx;
            }
              http://www.avizion.ru/ — строим стартап!
              http://tonatos.ru/ — Заходите в гости...
              • 21431
              • 4 Posts
              Nickolay Reply #6, 19 years ago
              Спасибо за помощь, у меня все получилось, только вот какая незадача, если делать контейнер из него не ровно выводит, можно ли с этим что нибудь сделать.
              вот код :

                 [[Wayfinder? &startId=`0` &level=`3`&rowTpl=`menutop`]]


              Чанк menutop:
              <li [+wf.id+][+wf.classes+]>  
 <a  href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]
</a>
	[+wf.wrapper+]
</li>

              CSS вверху.
                • 22301
                • 1,084 Posts
                openagate Reply #7, 19 years ago
                ой, бля... беру свои слова обратно по поводу вейфаиндера... признаться, не юзал его ни разу, даже не знал, что можно впиперивать врапер.
                  [img]http://jurist-info.ru/pic/rrr.jpg[/img]

                  Безжалостный пияр!
                  Artima -- неуч!
                  Осторожно: преступная локализация -- modx-cms.ru
                  Баштанник Андрей -- мегапрограммер из Белоруссии и поедатель говна, очень критично настроенный молодой человек!

                  Дисклеймер для общительных: даю сам себе право транслировать в открытый эфир содержание лички, just for fun
                  • 20246
                  • 33 Posts
                  morozov Reply #8, 19 years ago
                  Quote from: Nickolay at Jul 07, 2007, 06:17 AM

                  Спасибо за помощь, у меня все получилось, только вот какая незадача, если делать контейнер из него не ровно выводит, можно ли с этим что нибудь сделать.
                  вот код :

                     [[Wayfinder? &startId=`0` &level=`3`&rowTpl=`menutop`]]


                  Чанк menutop:
                  <li [+wf.id+][+wf.classes+]>  
 <a  href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]
</a>
	[+wf.wrapper+]
</li>

                  CSS вверху.

                  Код приведи полностью. Уже сделанное меню wayfinder-ом. И css полный.
                    • 21431
                    • 4 Posts
                    Nickolay Reply #9, 19 years ago
                    CSS выше !!! Суть если создавать контейнер из него не ровно выводит не могу никак справиться с этой проблемой .
                      • 20246
                      • 33 Posts
                      morozov Reply #10, 19 years ago
                      Quote from: Nickolay at Jul 09, 2007, 11:27 AM

                      CSS выше !!! Суть если создавать контейнер из него не ровно выводит не могу никак справиться с этой проблемой .

                      Я просто никак не могу понять вот этой фразы.

                      Вообще горизонлаьное меню делается примерно так.
                      <ul class="nav">
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
</ul>


                      А css выглядит так.

                      ul.nav {margin:0; padding:0; list-style-type:none; height:30px}
ul.nav li {float:left; padding:0 10px; height:30px; line-height:30px}


                      Это очень примерный код. Просто надо видеть чего надо достичь.