Разные стили в пунктах меню (только a:hover и a:active) - Joomla 1.5: Вопросы по работе с меню

Как задать разным пунктам меню разные значения "a:hover и a:active"?

http://test.galdent.com.ua/ - вот пациент, верхнее меню, только три пункта,

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

как это сделать?

Как задать разным пунктам меню разные значения "a:hover и a:active"?

http://test.galdent.com.ua/ - вот пациент, верхнее меню, только три пункта,

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

как это сделать?

укажите в модуле меню выводящим ваше меню тип Список..и затем посомтрите в менеджере меню какой у него id, далее можете к нему обращаться так например

.itemid66 a:hover {
...
}

66 соответственно заменяете вашим id пункта меню

из ссылки это будет тоже самое значение (обозначил жирным):?
http://test.galdent.com.ua/index.php?option=com_content&view=article&id=46&Itemid=28

из ссылки это будет тоже самое значение (обозначил жирным):?
http://test.galdent.com.ua/index.php?option=com_content&view=article&id=46&Itemid=28

ага

а если установлено просто "Горизонтально", то через ItemId не получится ?

пробовал так :

#topNavDiv li{
float:left;
list-style-type:none;
}
.itemid29{
color: #000;
size:20px;
}

и так:
#topNavDiv li{
float:left;
list-style-type:none;
}
#topNavDiv .itemid29{
color: #000;
size:20px;
}



не получается.

#topNavDi - родительский id

не получается

А что должно получиться ? Вы пишите стили для элементов , которых нет в коде .
[spoiler title=screenshot][/spoiler]
Вроде бы написали Вам совет :

укажите в модуле меню выводящим ваше меню тип Список

Это сделайте в первую очередь . Потом можете писать пунктам меню свои стили .
И еще изучите вот эту тему , http://joomlaforum.ru/index.php/topic,79712.0.html  . Может наступит просветление , как править стили элементов страницы .

есть списком, задаю любой елементарный стиль, не работает все равно.
Обращатся нужно по класу ITEMID или ITEM ?

Код: css

.itemid28 a{
	color:#000000;
	}

есть списком, задаю любой елементарный стиль, не работает все равно.
Обращатся нужно по класу ITEMID или ITEM ?

правильно будет .item {...}

не работает! 

пишу стиль прямо в index.php как только не пробовал писать, все равно не работает

не работает! 

ну как не рабоатет, зашел на ваш сайт. Залез в код, сменил стиль у пункта - рабоатет. Может кэш почистите?

кэш чистил, если с браузера добавить стиль, то работает, а есть в стилях, то нет!

пишу стиль прямо в index.php как только не пробовал писать

дайте пример,  как именно прописываете стили .

кэш чистил, если с браузера добавить стиль, то работает, а есть в стилях, то нет!

можно уточнить путь типа такого

div#globalContainer div#topNavDiv div ul.menu li.item55 a {...}

Никто не знает как менять фон в модулях? Во всех модулях один и тот же фон мне надо чтоб везде был разный

Никто не знает как менять фон в модулях? Во всех модулях один и тот же фон мне надо чтоб везде был разный

в модуле присваиваете суффикс, например _green, далее обращаетесь к нему:

div.module_green {
background: #2cec47;
}


другому _blue и уже

div.module_blue {
background: #2c47ec;
}

Во сделал. Просто нужно было клас item прописивать в "globalContainer"  спасибо.

Но теперь вопросик №2: как сделать, что бы активная ссылка подсвечивалась?
a:active - не работает!

Во сделал. Просто нужно было клас item прописивать в "globalContainer"  спасибо.

Но теперь вопросик №2: как сделать, что бы активная ссылка подсвечивалась?
a:active - не работает!

пробуйте либо дописать

... , #active_menu {
   ...   
}

либо
..., #current a {
    ...
}

не, не помогает. Если так делать
то вылазят куски заднего плана кнопок
 смотр. в приложении.


[вложение удалено Администратором]

для активного пункта меню добавляется #current и класс active , их и надо использовать .
[spoiler title=screenshot][/spoiler]

не, не помогает. Если так делать

Код: css

... , #active_menu {
   ...   
}

либо
..., #current a {
    ...
}

то вылазят куски заднего плана кнопок
 смотр. в приложении.

сложно сказать, если не видеть, сделай так же, а я посомтрю на сайте как это.

сделал в 1м пункте меню:

в втором:

сделал в 1м пункте меню:

Код: css

#topNavDiv .item28, #active_menu{
background-image: url('http://test.galdent.com.ua/templates/mm_plus/img/blue_btn.png');
}

в втором:

Код: css

#globalContainer .item29, #current a{
background-image: url('http://test.galdent.com.ua/templates/mm_plus/img/green_btn.png');
}

нет))надо так

.item28#curent a {..}

нет))надо так

.item28#curent a {..}

неа, не работает

неа, не работает

но я только что проверил на сайте и работало..сейчас не вижу стилей вообще, тогда так попробуй что ли
.active_item28#current a {..}

пробую, ничего не получается.
Порыв наглости: если дам фтп, попробуете ась? )

если кому поможет то сделал так:

 у меня проблема похожа на эту тему, но я хочу не   a:hover и a:active изменить, а просто для некоторых пунктов, у которых название длиннее сделать шрифт поменьше, и еще хочу чтобы иконки к меню выводились не все справа или все слева, а чередовались один пункт - справа, следующий - слева, и так до конца

Господа знатоки! подсобите! Вот пациент djamilastyle.com  в меню названия разной длинны, пока все лежит хорошо, но я туда еще иконки буду вставлять и там где длинные названия иконка не лезит, хочу просто сделать меньше шрифт, но только для длинных, а остальные не менять. и по поводу иконок, как сделать так, чтобы они выводились через один - одна справа, другая слева