|
serjik
|
 |
« : 14.06.2011, 14:59:16 » |
|
Помогите пожалуйста умным советом! Использую стандартное меню mod_mainmenu, которое выводится вертикально и с отображением уровней подменю (у меня их три). Как известно оно по умолчанию выглядит очень убого, вот и пытаюсь изменить его вид, а именно сделать названия основного меню жирным текстом, при этом чтобы подменю остались обычными не жирными. Пробовал править стиль в teamplate.css но жирным становиться все пункты меню (основные и подменю), картинками сделать меню тоже не получается, так как картинки применяются ко всему меню, а нужно изменить только основное меню, а все вложенные подменю должны остаться как по умолчанию тонким обычным шрифтом. Как можно скорректировать стиль этого меню отдельно для всех уровней меню (основного и подменю)?? И еще не смог добиться чтобы пункт меню в котором я нахожусь как то выделялся от остальных. в настройках стоит Полная подсветка активных пунктов но ничего не подсвечивается. 
|
|
|
|
« Последнее редактирование: 14.06.2011, 15:02:25 от serjik »
|
Записан
|
|
|
|
Adeptus
Разработчик расширений для Joomla 1.0
Репутация: +217/-14
Offline
Пол: 
Сообщений: 2273
|
 |
« Ответ #1 : 14.06.2011, 15:31:41 » |
|
Класс ссылок в главном меню по умолчанию a.mainlevel Если вы хотите, чтобы остальные меню были другими - присвойте главному меню суффикс. Например, -nav. Тогда класс ссылок станет a.mainlevel-nav Активный (текущий) пункт меню идентифицируется как a.mainlevel-nav #active Вот теперь в CSS - файле расставляйте указанные стили как вам надо...
|
|
|
|
|
Записан
|
|
|
|
|
serjik
|
 |
« Ответ #2 : 14.06.2011, 17:35:31 » |
|
спасиб, мож немного не так может меня поняли, но я имел в виду изменение шрифта в рамках одного меню. тоесть надо чтобы было как на картинке:  в файле teamplate.css указанный вами a.mainlevel не нашел, но нашел параметр которой отвечает за внешний вид пунктов этого меню : div.moduletable_hilite1 ul.menu li.active a { color: #000000; }
div.moduletable_hilite1 ul.menu li li a { color: #00628C !important; font-weight: bold; но изменение или добавление каких либо параметров меняет стиль сразу всего меню, а не конкретно каждого меню и подменю в отдельности, что делает таким жирным все меню сразу.
|
|
|
|
|
Записан
|
|
|
|
|
serjik
|
 |
« Ответ #3 : 15.06.2011, 17:26:30 » |
|
Ну что народ, я так понял нет решения у данной задачи??
|
|
|
|
|
Записан
|
|
|
|
|
midav
|
 |
« Ответ #4 : 15.06.2011, 22:39:10 » |
|
я так понял нет решения у данной задачи Неправильно Вы поняли , у каждой задачи есть решение . По поводу чтобы пункт меню в котором я нахожусь как то выделялся , активному пункту меню присваивается идентификатор current и класс active , от него и надо плясать . Для того , чтобы все вложенные подменю должны остаться как по умолчанию тонким обычным шрифтом Можно прописать правило : ul.menu li ul li a span { font-weight:normal; }
|
|
|
|
|
Записан
|
|
|
|
|
serjik
|
 |
« Ответ #5 : 21.06.2011, 12:29:27 » |
|
спасиб за советы, но к сожалению ничего не изменилось, добавил в файл teamplate.css строки: ul.menu li ul li a span { font-weight:normal; но главные пункты меню по прежнему не выделяются никак из общей массы, по прежнему шрифт не жирный как и все меню, и активный пункт меню по прежнему никак не подсвечивается и не выделяется. А так как пунктов меню в каждом разделе у меня около 30-50 то понять в каком меню я нахожусь практически невозможно, особенно если статья была найдена через поиск .
|
|
|
|
|
Записан
|
|
|
|
|
SinBad
|
 |
« Ответ #6 : 21.06.2011, 12:35:18 » |
|
как уже говорили класс active отвечает..может вы нашли не те стили? Сайт в интернет уже? ссылку можно? Еще можете попробовать так
бла бла бла #current a { font-weight: bold; }
|
|
|
|
|
Записан
|
|
|
|
|
|
|
midav
|
 |
« Ответ #8 : 21.06.2011, 23:22:00 » |
|
у Вас меню выводится вертикальной таблицей , включите в настройках модуля меню стиль меню = список . Гораздо проще будет стили пунктов меню настраивать .
|
|
|
|
|
Записан
|
|
|
|
|
serjik
|
 |
« Ответ #9 : 21.06.2011, 23:38:09 » |
|
включил Плоский список, меню почему то перестало вообще разворачиваются...мож я что не так сделал? на всякий картинка с настройками меню (временно поставил опять вертикально): 
|
|
|
|
|
Записан
|
|
|
|
|
midav
|
 |
« Ответ #10 : 21.06.2011, 23:49:47 » |
|
включил Плоский список хм... вроде бы я написал включите стиль меню список
|
|
|
|
|
Записан
|
|
|
|
|
SinBad
|
 |
« Ответ #11 : 22.06.2011, 07:48:43 » |
|
пробуйте в template.css на 849 строке где-то div.moduletable_hilite1 a:hover, div.moduletable_hilite1 a:active, div.moduletable_hilite1 a:focus { color: #000000 !important; font-weight: bold; } и ниже дописать надо div#ja-col1 div.ja-innerpad div.moduletable_hilite1 table tbody tr td a.mainlevel { font-weight:bold; }
|
|
|
|
« Последнее редактирование: 22.06.2011, 07:55:02 от sinbad13 »
|
Записан
|
|
|
|
|
serjik
|
 |
« Ответ #12 : 22.06.2011, 18:06:11 » |
|
sinbad13 вот спасиб! Уже лучше, и в принципе как и хотелось. осталось только добиться чтоб активный пункт меню как то выделялся .
|
|
|
|
|
Записан
|
|
|
|
|
SinBad
|
 |
« Ответ #13 : 22.06.2011, 18:23:57 » |
|
sinbad13 вот спасиб! Уже лучше, и в принципе как и хотелось. осталось только добиться чтоб активный пункт меню как то выделялся .
а это вставили в стили? пробуйте в template.css на 849 строке где-то
div.moduletable_hilite1 a:hover, div.moduletable_hilite1 a:active, div.moduletable_hilite1 a:focus { color: #000000 !important; font-weight: bold; }
|
|
|
|
|
Записан
|
|
|
|
|
serjik
|
 |
« Ответ #14 : 22.06.2011, 18:49:17 » |
|
а это вставили в стили?
да, но так подменю выделяется только при наведении на них мышкой (становятся жирными), а когда по нему щелкаешь и загружается нужная страница то меню остается по прежнему не выделенным. Сейчас я пока оставил как вы советовали чтоб понять что происходит. Хотелось бы чтобы оно жирным и оставалась на той странице которая принадлежит этому меню, или выделялась каким то другим цветом, а в идеале чтоб под этим меню каким то цветом подсвечивался фон...такое возможно?
|
|
|
|
|
Записан
|
|
|
|
|
SinBad
|
 |
« Ответ #15 : 22.06.2011, 18:54:03 » |
|
да, но так подменю выделяется только при наведении на них мышкой (становятся жирными), а когда по нему щелкаешь и загружается нужная страница то меню остается по прежнему не выделенным. Сейчас я пока оставил как вы советовали чтоб понять что происходит. Хотелось бы чтобы оно жирным и оставалась на той странице которая принадлежит этому меню, или выделялась каким то другим цветом, а в идеале чтоб под этим меню каким то цветом подсвечивался фон...такое возможно?
а так? div.moduletable_hilite1 a:hover, div.moduletable_hilite1 a:active, div.moduletable_hilite1 a:focus, #active_menu { color: #000000 !important; font-weight: bold; }
|
|
|
|
|
Записан
|
|
|
|
|
serjik
|
 |
« Ответ #16 : 22.06.2011, 19:06:17 » |
|
Эх, знание это сила! sinbad13 все стало как надо, Спасибо большое за помощь!Две недели голову ловал а решение не такуое уж и сложное. Принцип понял как нужно привязывать стиль к конкретному меню, поэксперементирую еще с дальнейшей доводкой внешнего вида до ума!
|
|
|
|
|
Записан
|
|
|
|
|