We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 9760
    • 8 Posts
    День добрый!
    Долго пытался найти ответ по форумам, но не особо успешно. Проблема следующая. Есть горизонтальное меню, в котором между пунктами есть разделители (картинки или еще какие-то, например, текстовые). И сложность в том, что эти разделители вокруг выбранного пункта должны быть другими. Например, типа такого:

    main : about | NEWS | articles : contacts

    Каким образом такое можно реализовать с помощью wayfinder? Видно, что изменяется и оформление пунктов меню, примыкающих к выбранному, - about и articles. Но в wayfinder нет никаких параметров для указания чанков для соседей выбранного пункта.

    Нашел вот такой пример: http://modxcms.com/forums/index.php/topic,13454.0.html (посмотреть можно тут: http://www.afri-one-can.nl/ ).
    Если я хоть чуть-чуть понял сам принцип, там используется смещение картинок-разделителей для их наложения и указание для них различной "глубины" (??) Но этот способ выглядит достаточно навороченным и громоздким. В указанном мной выше меню разделители вообще текстовые, как-то странно в таком случае воротить такие сложности undecided Но в общем случае, там должны стоять в качестве разделителей различные куски html-кода (клетки таблицы, картинки, - что угодно). Кажется, случай достаточно типичный, часто бывают меню с "закладками", когда выбранная закладка выходит на передний план, накладываясь на остальные, как в записной книжке.
      • 16240
      • 64 Posts
      ???????? huh???, huh?? huh???? huh???? ?? huh huh??? - ? Wayfinder’? huh huh??? ?? huh??????? huh???? huh "????????????" huh???, "????????" huh???, ? huh?? huh huh???????? huh??? ?? huh?????, ?? huh???? ?? huh???????. huh? ?? huh????? huh &hereTpl, huh? huh huh huh ? huh??, huh???????? huh??? huh?? huh????? huh????????? huh???? huh?? ? huh?? ?? huh??????. huh?? huh??, huh??? huh?? huh???????? huh?? huh??? huh????? huh???????? ? ?? huh????? huh????? huh?????. huh? huh???????? huh?? 2 huh?? ? huh? huh????? huh???. huh huh??? huh??? ?? huh??????????, ?? huh???????? huh????? huh????. wink
        • 9760
        • 8 Posts
        Чувствую, ответ интересный, но, увы, совершенно нечитаем sad Напишите, пожалуйста, ещё раз - хоть транслитом, если можно..
          • 22301
          • 1,084 Posts
          Fixxxer, учи матчасть, а именно -- CSS!!!

          А скорее, избавься от лени, реально сэкономишь для себя уйму времени, а заодно и узнаешь много нового!

          Во-первых, внимательно изучи ссылки в топике, на который ты ссылаешься. Cssplay -- это кладезь всевозможных меню, причём очь многие из них исполнены вообще без картинок, хотя по внешнему виду так и не скажешь! http://www.cssplay.co.uk/menus/ -- вот здесь они все. Главное, сообразить, как использовать в wayfinder’e wrapper. http://www.afri-one-can.nl/ -- здесь меню достаточно убогое sad плохой пример.

          Во-вторых, не ищи ответы на форумах, тем более, что у тебя по-любому не получится поставить конкретную задачу, а реализация тебе нужна конкретная. Просто пройдись внимательно по всем меню на cssplay. Для одних там есть подробные описания, и на странице приводится сразу код, у других описания нет вообще, надо просто посмотреть код страницы, который достаточно внятно оформлен.

          И это всех новичков касается. Не надо знать CSS в совершенстве, не надо быть php-кодером, не надо искать ответы на многочисленных форумах, достаточно просто разуть глаза и немного подумать над чужим готовым кодом.

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

          И ещё: не надо объяснять на пальцах, что нужно! Ну, хотя бы попробуйте хоть что-то сделать сами, а потом явите кривой результат "в студию", и "помощь зала" не заставит себя ждать.

          Я полагаю, что человек, который дошёл до того, что ковыряет машинку самостоятельно, обладает элементарными познаниями типа там в html/css и немного способен "читать" php. Если это не так, есть ахуенная хрень -- FrontPage называется.

          Fixxxer, реально, без обид, но лучше потрать, как я в своё время, несколько часов на изучение меню на cssplay, и в следующий раз у тебя точно не будет вопросов, как и что сделать? будет только один вопрос -- а где это на cssplay? -- согласись, такого рода вопрос гораздо меньеш рушит мозг smiley
            [img]http://jurist-info.ru/pic/rrr.jpg[/img]

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

            Дисклеймер для общительных: даю сам себе право транслировать в открытый эфир содержание лички, just for fun
            • 9760
            • 8 Posts
            Хм.. Спасибо за совет, но есть такая тонкость: меню статичное. Я, очевидно, зря вообще приплёл сюда пример с
            http://www.afri-one-can.nl/ , сорри.
            Чтобы не быть голословным, вот обычные хтмл-странички:
            www.myguitarpage.com/amp.htm
            Сверху менюшка на чёрном фоне. Мне не нужно, чтобы пункт менялся при наведении мышки. Мне нужно, чтобы пункт менялся при загрузке новой страницы.
            У каждого пунктика по бокам разделители, которые отличаются от остальных, если пункт выделен.
            Если бы я писал это дело на пхп (я плохо программирую на пхп), то я бы тупо брал информацию по двум пунктам меню, и, если следующий пункт - выделенный, то указывал бы использовать другой разделитель.
            Вопрос - реализовано ли подобное как-то в wayfinder его штатными средствами? Там гибкие настройки для отображения разных типов пунктов меню (выбранный, выбранный родительский и т.п.), но как реализовать данный пример - до меня не доходит.
              • 33694
              • 742 Posts
              openagate, браво.
              Сформулировал то, что я (и не один видимо) давно не мог выразить. Точнее всегда выражал молчанием — бывает вроде и знашь тему (по которой вопрошают), но ответить нечего.
                • 22301
                • 1,084 Posts
                2 [e]Bu$ter

                Тоже вот молчал, но как-то вопросов копится, а коммьюнити каким-то недружелюбным получается:)

                2 Fixxxer

                Значит, всё-таки, матчасть:)
                Я понял твою проблему. [удалил много букАв.. smiley ]

                Давай итерационно. Вот такое меню тебя устроит: http://rfvisa.ru ...я чисто про принцЫп?
                  [img]http://jurist-info.ru/pic/rrr.jpg[/img]

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

                  Дисклеймер для общительных: даю сам себе право транслировать в открытый эфир содержание лички, just for fun
                  • 23695
                  • 230 Posts
                  Fixxxer вам "намекнули" что ваша задача решается с помощью CSS, а вы про wayfinder и php =)
                  Вот простой пример:
                  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                  <html xmlns="http://www.w3.org/1999/xhtml">
                  	<head>
                  		<title></title>
                  		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
                  		<style>
                  			ul {
                  				list-style:none;
                  			}
                  			ul li{
                  				float:left;
                  				border-right:2px red dotted;
                  				padding:0px 5px;
                  			}
                  			ul li a{
                  				text-decoration:none;
                  			}
                  			ul li.current{
                  				border-left:2px black solid;
                  				border-right:2px black solid;
                  				margin:0px -2px;/*хаваем красные пунктирные разделители*/
                  			}
                  			ul li.current a{
                  				text-transform:uppercase;
                  			}
                  		</style>
                  	</head>
                  	<body>
                  		<ul>
                  			<li><a href="#">main</a></li>
                  			<li><a href="#">about</a></li>
                  			<li class="current"><a href="#">news</a></li>
                  			<li><a href="#">articles</a></li>
                  			<li><a href="#">contacts</a></li>
                  		</ul>
                  	</body>
                  </html>
                  

                  перемещая класс current у тега li вы увидите что это работает, как это в wayfinder вставить я думаю разберетесь wink
                  выглядит это так

                  код на кроссбраузерность не проверял, быстро накидал и глянул в FF и IE
                    • 22301
                    • 1,084 Posts
                    PoMeO, да-да-да, вот так и есть!:)

                    а если ещё впиперить туда wrapper, чтобы иметь вот такую конструкцию:

                    <ul>
                    			<li><a href="#">main</a><span class=wrapper></span></li>
                    			<li><a href="#">about</a><span class=wrapper></span></li>
                    			<li class="current"><a href="#">news</a><span class=wrapper></span></li>
                    			<li><a href="#">articles</a><span class=wrapper></span></li>
                    			<li><a href="#">contacts</a><span class=wrapper></span></li>
                    		</ul>
                    

                    то можно делать "чудеса", что на cssplay описаны smiley
                      [img]http://jurist-info.ru/pic/rrr.jpg[/img]

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

                      Дисклеймер для общительных: даю сам себе право транслировать в открытый эфир содержание лички, just for fun
                      • 9760
                      • 8 Posts
                      Спасибо огромное за советы! Я разобрался с цсс по ссылкам.
                      И всё-таки, если переформулировать вопрос: без использования css это как-то решается относительно несложными средствами?
                      Есть ли более строгое (назовите как угодно - тупое, прямолинейное, ...) решение?
                      Например, меню у меня задаётся такой таблицей:

                      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                      <html xmlns="http://www.w3.org/1999/xhtml">
                      <head>
                      <title></title>
                      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
                      </head>
                      <body>
                      <table border="1" cellpadding="1" cellspacing="0">
                      <tr>
                      <td><a href="#">main</a></td>

                      <td> : </td>

                      <td><a href="#">about</a></td>

                      <td> | </td>

                      <td class="current"><a href="#">news</a></td>

                      <td> | </td>

                      <td><a href="#">articles</a></td>

                      <td> : </td>

                      <td><a href="#">contacts</a></td>
                      </tr>
                      </table>
                      </body>
                      </html>



                      Можно ли его отобразить либо средствами только wayfinder, либо с небольшим использованием пхп?