pdoMenu как сделать разделители между пунктами?

Не нашел в офиц.документации можно ли делать разделители между пунктами меню.

Что нужно:

<ul>
	<li><a href="#"><span>Пункт меню 1</span></a></li>
	<li class="класс разделителя"></li>
	<li><a href="#"><span>Пункт меню 2</span></a></li>
	<li class="класс разделителя"></li>
	<li><a href="#"><span>Пункт меню 3</span></a></li>
	<li class="класс разделителя"></li>
	<li><a href="#"><span>Пункт меню 4</span></a></li>
	
</ul>

Я пропустил этот функционал или его пока нет?

Есть ли у кого то уже готовое решение?

Александр

26 сентября 2015, 17:16

1 744

-1

Комментарии: 5

Василий Наумкин

26 сентября 2015, 21:23

Это функционал есть в CSS.

Александр

26 сентября 2015, 22:08

-1

Не совсем.

Объясню — в CSS есть методы типа фирст чилд/ласт чилд без бордера, у всех остальных бордер. Или бэкграундом, или даже через before/after цеплять что нибудь.

Все эти варианты не подходят так как я использую для меню text-align: justify — способом описанным описанным тут — jsfiddle.net/EtU9j/

И как мне при этом способе обойтись CSS методами?

Евгений Webinmd

27 сентября 2015, 01:38

Я чего-то не понимаю или вам лень попробовать поиграться с чанками?

&tpl = `@INLINE <li[[+classes]]><a href="[[+link]]" [[+attributes]]><span>[[+menutitle]]</span></a>[[+wrapper]]</li>
<li class="класс разделителя"></li>`

ну и если последний разделитель не нужен, то скрывайте через css

Александр

27 сентября 2015, 12:57

Что то я втупил.
Гениальное по простоте решение.
Спасибо.

Василий Столейков

27 сентября 2015, 14:19

+ к вышеописанному подключите шаблон в &tplLast без разделителя. Не проверял лично, но &tplLast и &tplFirst из общих шаблонов должны работать.

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.