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

Выкладываем по меню все вопросы сюда

 
Ваше отношение к подобным вопросам?
Для голосования необходима регистрация на сайте
Всего голосов: 10
Дата окончания опроса: 30-03-2011
Опрос закончен.
Посетитель
small user social cms
Сообщений: 63
Добрый день.
Приветствую всех участников InstantCMS комьюнити.
У меня возник следующий вопрос:
Как изменить внешний вид меню?
У меня меню на сайте горизонтальное - стандартное, со стандартными значками. Размер иконок 16*16, и я нигде не могу найти как изменить этот размер на 32*32. В стиле styles.css - нет! проверял и все фаилы стиля в корневой папке - тоже нет! Где изменить? В модуле? Версия InstantCMS 1.7.

P/S html и css - знаю хорошо.
Прикрепленные файлы:
111122_e6927.jpg | 163.57 Кб | Скачали: 525
Посетитель
small user social cms
Медаль
Сообщений: 129
а картинки у тебя откуда?
попробуй туда где лежали 16Х16 положить 32х32 и дай им те же имена, что были у маленьких
по-ходу все сработает и строчки станут куда надо
насколько я помню там в стилях для каждого меню просто указывается фоновое изображение без повторов
значит должно захавать
Реклама
cms
Посетитель
small user social cms
Сообщений: 58
Вопрос из серии - "угадай как на самом деле".
Или я проснулся смотрю на монитор под 90 градусов или меню на скрине все-же вертикальное.
Если в стиле указаны параметры конкретного id или class для конкретного изображения, указаны его width и height
например (данные отфонарные, просто как пример)
в файле темплейта, чтобы - <img src="img.jpg" class="menu" /> в style.css .img.menu{width:32px;height:32px;}
Если нигде более не прописан тот-же класс дублируя и перекрывая нужный - все должно сработать.
Посетитель
small user social cms
Сообщений: 63
ByMind:
опробуй туда где лежали 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 при изменении которых нет никакого результата.
Посетитель
small user social cms
Сообщений: 58
У Firefox есть такой полезный плагин - называется Webdeveloper, очень удобно им смотреть - что и от чего.
В появившимся меню после установки и перезагрузки браузера - находим "Ошибок СSS нет" -> Посмотреть стиль элемента, после установки флага и при нажатии на определенный элемент страницы в браузере видим в нижнем окошке - все стили который он использует.
А так это будет гадание на кофейной гуще, какие стили какие перекрывают.
Посетитель
small user social cms
Медаль
Сообщений: 195
Есть файл: templates/modules/mod_menu.tpl в нем задается оформление меню.
А для поиска стилей лучше использовать Firebug (это внутренняя ссылка).
СельхозМолл (сделано на Инстанте 2
Посетитель
small user social cms
МедальКубок зрительских симпатийПочетный донор проекта
Сообщений: 713
Ага, было б все так просто.. Для меня это меню тоже больной вопрос. На одном сайте сделала его нормальным, но там столько всего перелопатить пришлось, во всех файлах, с ним связанных - в тривив и проч, что второй раз это повторить просто не решилась. Даже не осилила разобраться как в прошлый раз это сделала. Гемор. Забей.
Посетитель
small user social cms
Медаль
Сообщений: 315
maia:
Гемор. Забей.
ну почему же так сразу. достаточно один раз разобраться, вынести стили в .css шаблона, и потом останется только менять как надо. я один раз сделал, и все работает.
Россия - страна недокументированных возможностей.
Шаблоны Блог.
Посетитель
small user social cms
Сообщений: 63
Алхимик:
Webdeveloper,
Алхимик:
Firebug
Всё это использовал, не очень помогло. т..е. находил стиль, но его изменение не помогло. Вообще интересный вопрос, очень жаль что меню так сложно под себя настроить. Попробую ещё, отпишусь попозже.
Посетитель
small user social cms
Сообщений: 63
Итак!
Вопрос решён!
Спасибо

Madmax

и большой респект! Он мне написал в личку названия фаила стиля, который отвечает за меню (includes\jquery\treeview\jquery.treeview.css)
Итак.
открываем этот файлик стиля и ищем там (в конце) вот такую вот строчку:
Код PHP:
  1.  
  2. .filetree span.folder, .filetree span.file { padding: 7px 0px 5px 35px; display: block; height:32px;}
  3.  
Во-первых, добавил в стиль height:32px; - это установило высоту блока span - высоту одной строчки меню.
Во-вторых, изменил значения padding: 7px 0px 5px 35px;так, что бы всё было на своих местах.
Ну вот в общем-то и всё smile теперь у нас иконки 32*32 :), ихменя стиль в этом фаёле можем сделать любое меню, которое нам понадобиться.
Иконки кладём в папочку ( images/menuicon/...) которая в корневом каталоге.
Всем спасибо!
Редактировалось: 1 раз (Последний: 31 марта 2011 в 12:54)
Посетитель
small user social cms
Медаль
Сообщений: 195
ByMind:
попробуй туда где лежали 16Х16 положить 32х32 и дай им те же имена
Для этого еще надо высоту дива, фоном которого они являются, тоже увеличить на 16 и скорее всего левый падинг дива в котором находится ссылка, тоже на 16.
Sasha:
Новые иконки кладу в папку, где лежат иконки бызовые ( images/menuicon/...) и их видно в настройке модуля, но когда выбираю свои (32*32) - они встраиваются, но показывается только их часть 16*16px. Грубо говоря их верхнийлевый угол.
и тогда эта проблема будет решена. А вот у какого дива какой класс и в каком файле этот класс менять надо, это и покажет Firbug.
СельхозМолл (сделано на Инстанте 2
Посетитель
small user social cms
Сообщений: 63
Пилигриm:
Но при это этот косяк только в Опере!
проверил в опере Версия: 11.01 Сборка: 1190, всё работает отлично. У тебя опера ранней версии? Если только в опере, то ,возможно, надо проверить вёрстку, возможно надо поставить хаки.
Редактировалось: 1 раз (Последний: 31 марта 2011 в 14:00)
Посетитель
small user social cms
Медаль
Сообщений: 195
Sasha, спасбо. Я уже разобрался. Проблема оказалась в overflow:hidden. У меня верхнее меню упаковано в абсолют и когда внутри него всплывал еще один абсолют, он почему-то в Опере оказывался не кликабельным. Убрал overflow:hidden из "ul li ul" и всё везде заработало.
СельхозМолл (сделано на Инстанте 2
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.