Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

Верхнее меню

00 голосов
2
Ребята, подскажите, пожалуйста, мне нужно сделать, чтобы пункты меню были с картинкой (гдето 228 на 100 пикселей прямоугольник, внутри слева картинка справа название пункта меню). Через style.css возможно насколько я поменю поменять только общий стиль пункта. Есть ли возможность в php файле дописать как-то эти картинки для каждого разные?
спросил 23 Апр, 14 от IdeaL (100 баллов)

2 Ответы

00 голосов
Можно в шаблоне задать массив с путями к картинкам и вывести их в пунктах меню:

Код
$arPics = array(
   '/img/pic0.jpg',
   '/img/pic1.jpg',
   '/img/pic2.jpg',
   '/img/pic3.jpg',
   '/img/pic4.jpg',
);

$nn = 0;
foreach ( $arResult['ITEMS'] as $item ) {
   ?><a href="..."><?=( strlen( $arPics[ $nn ] ) > 0 ? '<img src="' . $arPics[ $nn ] . '" />' : '' )?>.....</a><?
   $nn++;
}
ответил 07 Дек, 14 от Volk123 (200 баллов)
00 голосов
Через CSS есть два способа:
1. Используя этот $nn для пунктов меню можно задать классы mi0, mi1, mi2 и т.д. и уже через css для классов .mi0, .mi1 и т.д. задать каждому свой background
2. Использовать в css li:nth-child(1), li:nth-child(2), li:nth-child(3) и т.д.
ответил 30 Март, 15 от Volk123 (200 баллов)

Похожие вопросы

0 голосов
5 ответов
спросил 15 Ноя, 13 от Gabrial (120 баллов)
0 голосов
6 ответов
спросил 21 Сен, 13 от Den (180 баллов)
0 голосов
6 ответов
спросил 15 Июль, 13 от Misty (440 баллов)
0 голосов
9 ответов
спросил 24 Апр, 13 от Lisenok (260 баллов)