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

[DrMartens]

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

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

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

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

[SinBad]

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

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

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

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

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

.itemid66 a:hover {
...
}

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

[DrMartens]

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

[SinBad]

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

ага

[DrMartens]

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

[DrMartens]

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

#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

[midav]

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

А что должно получиться ? Вы пишите стили для элементов , которых нет в коде .

screenshot

Вроде бы написали Вам совет :

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

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

[DrMartens]

Код

.itemid28 a{
	color:#000000;
	}

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

[SinBad]

Код

.itemid28 a{
	color:#000000;
	}

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

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

[DrMartens]

не работает! 

[DrMartens]

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

[SinBad]

не работает! 

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

[DrMartens]

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

[midav]

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

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

[SinBad]

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

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

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

[vaymohk]

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

[SinBad]

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

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

div.module_green {
background: #2cec47;
}


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

div.module_blue {
background: #2c47ec;
}

[DrMartens]

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

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

[SinBad]

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

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

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

... , #active_menu {
   ...   
}

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

[DrMartens]

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

Код

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

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

[midav]

для активного пункта меню добавляется #current и класс active , их и надо использовать .

screenshot

[SinBad]

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

Код

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

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

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

[DrMartens]

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

Код

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

в втором:

Код

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

[SinBad]

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

Код

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

в втором:

Код

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

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

.item28#curent a {..}

[DrMartens]

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

.item28#curent a {..}

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

[SinBad]

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

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

[DrMartens]

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

[DrMartens]

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

Код

#globalContainer .item28 a:hover{
background-image: url('../img/blue_btn.png');
}
 
#globalContainer .item29 a:hover{
background-image: url('../img/green_btn.png');
}
 
#globalContainer .item55 a:hover{
background-image: url('../img/rbtn.png');
}
 
li#current.active.item28  a {background-image: url('../img/blue_btn.png');}
li#current.active.item29  a {background-image: url('../img/green_btn.png');}
li#current.active.item55 a {background-image: url('../img/rbtn.png');}
 

[Djamilastyle]

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

[Djamilastyle]

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