Тем кто столкнулся с подобной проблемой в меню прошу обратить внимание что это еще не все!
Дело в том что РОДНОЙ МОДУЛЬ 'mod_mainmenu.php' не генерит уникального класса для вывода пунктов с картинками (arrow) а обрамляет все это дело стилем который прописан в php самого модуля (руки оторвать создателю)
в следствии чего при добавлении свойства display:block; к подпунктам в файле CSS шаблона (описано верхним постом), картинки этих пунктов "сдвигаются" к верней границе каждого пункта (см. прикреп. изображение 1)
для того чтобы это исправить нужно открыть приславутый 'mod_mainmenu.php' найти в нем строки:
$indents = array(
// block prefix / item prefix / item suffix / block suffix
array( '<table width="100%" border="0" cellpadding="0" cellspacing="0">', '<tr align="left"><td>' , '</td></tr>', '</table>' ),
array( '', '<div style="padding-left: 4px">'. $img[1] , '</div>', '' ),
array( '', '<div style="padding-left: 8px">'. $img[2] , '</div>', '' ),
array( '', '<div style="padding-left: 12px">'. $img[3] , '</div>', '' ),
array( '', '<div style="padding-left: 16px">'. $img[4] , '</div>', '' ),
array( '', '<div style="padding-left: 20px">'. $img[5] , '</div>', '' ),
array( '', '<div style="padding-left: 24px">'. $img[6] , '</div>', '' ),
);
и заменить на :
$indents = array(
// block prefix / item prefix / item suffix / block suffix
array( '<table width="100%" border="0" cellpadding="0" cellspacing="0">', '<tr align="left"><td>' , '</td></tr>', '</table>' ),
array( '', '<div id="menu1_img" style="padding-left: 4px">'. $img[1] , '</div>', '' ),
array( '', '<div id="menu2_img" style="padding-left: 8px">'. $img[2] , '</div>', '' ),
array( '', '<div id="menu3_img" style="padding-left: 12px">'. $img[3] , '</div>', '' ),
array( '', '<div id="menu4_img" style="padding-left: 16px">'. $img[4] , '</div>', '' ),
array( '', '<div id="menu5_img" style="padding-left: 20px">'. $img[5] , '</div>', '' ),
array( '', '<div id="menu6_img" style="padding-left: 24px">'. $img[6] , '</div>', '' ),
);
После чего мы сможем игратся оформлением картинок подпунктов любого уровня вложенности
т.е в CSS шаблона прописываем следующее:
#menu1_img img{
display:block;
position:absolute;
margin-top:5px;
}
и получаем (см. прикреп. изображение 2)
Хочу отметить что в модуле mod_mljoostinamenu дело обстоит гораздо приятнее и каждый пункт из меню оформлен в свой класс!
т.е чтобы получить эффект как на втором примере нужно добавить в CSS шаблона:
.first-level img{
display:block;
position:absolute;
margin-top:7px;
}
Всем до встречи...
[вложение удалено Администратором]
29.12.2021, 23:15:38