Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1288 Просмотров
*

Loasa

  • Захожу иногда
  • 206
  • 1 / 0
Активный пункт меню
« : 28.08.2012, 12:43:59 »
Вот кусок css
#top_menu li.active {
    background-image: url("aktive.png");
}
#top_menu li {
    float: left;
}
.item137 {
    background: url("fon_knopki.png") repeat scroll 0 0 transparent;
    height: 48px;
    margin-right: 15px;
    padding: 3px;
    width: 190px;
}

В данном случае в активном пункте картинка aktive.png перекрывает полностью fon_knopki.png(то есть fon_knopki.png не используется когда активный пункт меню).
Нужно сделать так, что бы был фон кнопки и рядом в активном пункте меню еще картинка, то есть 2 картинки, если это активный пункт меню. А сейчас только 1 получается aktive.png
Записан
*

buyanov

  • Захожу иногда
  • 188
  • 29 / 1
  • Сайты 74
Re: Активный пункт меню
« Ответ #1 : 28.08.2012, 12:59:50 »
Привет

На сколько я помню в Joomla меню составляется ul > li > a > span типа того чет

тогда этот CSS я бы изменил вот так

Код: css
#top_menu li.active > a{
    background-image: url("aktive.png");
/* возможно понадобится надо видеть сайт и знать размеры картинок*/
display: block;
padding-left: ??px;
}
#top_menu li {
    float: left;
}
.item137 {
    background: url("fon_knopki.png") repeat scroll 0 0 transparent;
    height: 48px;
    margin-right: 15px;
    padding: 3px;
    width: 190px;
}

PS

.item137 - очень не хорошая конструкция (на время разработки пойдет) но в продакшн не стоит такое пихать сменится ItemId и пропадет стиль будет обидно =)

если item137 это первый пункт меню то можно заменить

Код: css
top_menu > li:first-child{
...
}

последний соответственно

Код: css
top_menu > li:last-child{
...
}

если не первая то можно зафигачить вот так

Код: css
top_menu li + li{
} /*(вторая)*/
top_menu li + li + li{
} /*(третья)*/
не красиво но получше чем item137

либо
Код: css
top_menu > li:nth-child(2){
...
}
/*,3,n+1,odd и тд */
« Последнее редактирование: 28.08.2012, 13:06:43 от buyanov »
Записан
Создание сайтов, интернет-магазинов, оптимизация, продвижение, хостинг, безопасность, лечение от вирусов - мой сайт, телега, Хостинг
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

 Ответов: 4
Просмотров: 3453 		Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

 Ответов: 10
Просмотров: 2985 		Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

 Ответов: 1
Просмотров: 1466 		Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

 Ответов: 2
Просмотров: 1385 		Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

 Ответов: 2
Просмотров: 1633 		Последний ответ 20.07.2020, 11:18:44
от kuraev64