Меню - полная версия

Добрый день.
Приветствую всех участников InstantCMS комьюнити.
У меня возник следующий вопрос:
Как изменить внешний вид меню?
У меня меню на сайте горизонтальное — стандартное, со стандартными значками. Размер иконок 16*16, и я нигде не могу найти как изменить этот размер на 32*32. В стиле styles.css — нет! проверял и все фаилы стиля в корневой папке — тоже нет! Где изменить? В модуле? Версия InstantCMS 1.7.

P/S html и css — знаю хорошо.

а картинки у тебя откуда?
попробуй туда где лежали 16Х16 положить 32х32 и дай им те же имена, что были у маленьких
по-ходу все сработает и строчки станут куда надо
насколько я помню там в стилях для каждого меню просто указывается фоновое изображение без повторов
значит должно захавать

Вопрос из серии — "угадай как на самом деле".
Или я проснулся смотрю на монитор под 90 градусов или меню на скрине все-же вертикальное.
Если в стиле указаны параметры конкретного id или class для конкретного изображения, указаны его width и height
например (данные отфонарные, просто как пример)
в файле темплейта, чтобы — <img src="img.jpg" class="menu" /> в style.css .img.menu{width:32px;height:32px;}
Если нигде более не прописан тот-же класс дублируя и перекрывая нужный — все должно сработать.

опробуй туда где лежали 16Х16 положить 32х32 и дай им те же имена, что были у маленьких
по-ходу все сработает и строчки станут куда надо

Новые иконки кладу в папку, где лежат иконки бызовые ( images/menuicon/...) и их видно в настройке модуля, но когда выбираю свои (32*32) — они встраиваются, но показывается только их часть 16*16px. Грубо говоря их верхнийлевый угол. Мне необходимо узнать где указать размер выводимой иконки. По идее он должен быть в фаиле стиля ( базовом styles.css) который находится в нашем тимплейте, но перерыв стили так и не нашол где указать, поправить, этот размер.

в файле темплейта, чтобы — <img src="img.jpg" class="menu" />  в style.css .img.menu{width:32px;height:32px;}
Если нигде более не прописан тот-же класс дублируя и перекрывая нужный — все должно сработать.

Это понятно, это если мы сами меню сделали, а если взяли стандартный модуль menu, который идёт вместе с версией 1.7, то у этого модуля должны быть стили, которые, по идеи, должны быть прописаны в styles.css, но, в нём всё что я нашёл — это только классы .topmenu при изменении которых нет никакого результата.

У Firefox есть такой полезный плагин — называется Webdeveloper, очень удобно им смотреть — что и от чего.
В появившимся меню после установки и перезагрузки браузера — находим "Ошибок СSS нет" -> Посмотреть стиль элемента, после установки флага и при нажатии на определенный элемент страницы в браузере видим в нижнем окошке — все стили который он использует.
А так это будет гадание на кофейной гуще, какие стили какие перекрывают.

Есть файл: templates/modules/mod_menu.tpl в нем задается оформление меню.
А для поиска стилей лучше использовать Firebug (это внутренняя ссылка).

Ага, было б все так просто… Для меня это меню тоже больной вопрос. На одном сайте сделала его нормальным, но там столько всего перелопатить пришлось, во всех файлах, с ним связанных — в тривив и проч, что второй раз это повторить просто не решилась. Даже не осилила разобраться как в прошлый раз это сделала. Гемор. Забей.

Гемор. Забей.

ну почему же так сразу. достаточно один раз разобраться, вынести стили в .css шаблона, и потом останется только менять как надо. я один раз сделал, и все работает.

Webdeveloper,

Firebug

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

Итак!
Вопрос решён!
Спасибо

Madmax

и большой респект! Он мне написал в личку названия фаила стиля, который отвечает за меню (includes\jquery\treeview\jquery.treeview.css)
Итак.
открываем этот файлик стиля и ищем там (в конце) вот такую вот строчку:
Во-первых, добавил в стиль height:32px; — это установило высоту блока span — высоту одной строчки меню.
Во-вторых, изменил значения padding: 7px 0px 5px 35px;так, что бы всё было на своих местах.
Ну вот в общем-то и всё😊теперь у нас иконки 32*32 :), ихменя стиль в этом фаёле можем сделать любое меню, которое нам понадобиться.
Иконки кладём в папочку ( images/menuicon/...) которая в корневом каталоге.
Всем спасибо!

попробуй туда где лежали 16Х16 положить 32х32 и дай им те же имена

Для этого еще надо высоту дива, фоном которого они являются, тоже увеличить на 16 и скорее всего левый падинг дива в котором находится ссылка, тоже на 16.

Новые иконки кладу в папку, где лежат иконки бызовые ( images/menuicon/...) и их видно в настройке модуля, но когда выбираю свои (32*32) — они встраиваются, но показывается только их часть 16*16px. Грубо говоря их верхнийлевый угол.

и тогда эта проблема будет решена. А вот у какого дива какой класс и в каком файле этот класс менять надо, это и покажет Firbug.

Но при это этот косяк только в Опере!

проверил в опере Версия: 11.01 Сборка: 1190, всё работает отлично. У тебя опера ранней версии? Если только в опере, то, возможно, надо проверить вёрстку, возможно надо поставить хаки.

Sasha, спасбо. Я уже разобрался. Проблема оказалась в overflow:hidden. У меня верхнее меню упаковано в абсолют и когда внутри него всплывал еще один абсолют, он почему-то в Опере оказывался не кликабельным. Убрал overflow:hidden из "ul li ul" и всё везде заработало.