Как известно, горизонтальное многоуровневое меню битрикса представляет собой огромный кусок кода, который, несмотря на множество комментариев (в css) понять сходу удастся врядли. Все операции, что мне приходилось совершать, заключались лишь в настройке стилей, но всегда наступает момент, когда таки придется лезть в исходный код…
Было необходимо активному пункту меню (selected) дорисовать 2 полосы по краям, символизирующие вдавленное положение кнопки. Т.к. у кнопки уже существовал фон, а несколько фонов одновременно назначать нельзя (что было бы интересно; также, не помешала бы настройка фона для рамок), требовалось добавить 2 пограничных элемента слева и справа от пункта меню.
Интересующий нас кусок кода выглядит так:
Именно вокруг тега “a” необходимо добавить граничные элементы. У меня это было 2 span’а. Однако, если просто добавить туда span с необходимой заливкой, они отобразятся как во вдавленном состоянии, так и в обычном, поэтому я вставил туда тот же самый кусок проверки и вот, что вышло в итоге:
