Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping. С 29 декабря 2025 года по 7 января 2026 года будет действовать скидка 26% на все заказы от $50. Предложение распространяется на весь ассортимент продукции. Подробности и полный каталог расширений доступны по ссылке: https://nevigen.com/ru #joomshopping

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Главное в новой версии:

-   Исправлена загрузка файлов макетов

В предыдущем крупном релизе Astroid 3.3.6 были сделаны важные улучшения:

Основные моменты:

  • Улучшенный UI/UX в ключевых областях конфигурации
  • Повышенная стабильность и согласованность в Layout Builder и Form Builder
  • Исправления ошибок на основе отзывов сообщества
  • Улучшенная обработка визуальных эффектов, границ и шрифтов

Улучшения:

  • Обновленный UX Layout Builder
  • Улучшенный эффект предзагрузчика
  • Улучшенный стиль границ
  • Улучшенный UI/UX вкладки «Layout» в Template Options

Исправления ошибок:

  • Решены проблемы с некорректными динамическими значениями
  • Исправлен Color Transform при прокрутке
  • Устранены проблемы с работой Form Builder в Article Layout и Module Layout Builder
  • Исправлена проблема с созданием ненужных временных файлов при обработке шрифтов

Скачать: https://github.com/templaza/astroid-framework/releases/tag/v3.3.7

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

artemkozlov

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Три состояния пункта меню!
« : 10.05.2011, 16:48:35 »
Доброго времени суток уважаемые!
Столкнулся с проблемой, как сделать чтоб у каждого элемента горизонтального меню, было три состояния, используя технику CSS Sprites.
Написал код меню в HTML и CSS, но при интеграции в шаблон не работает......
Код
ul.menu-topik li a
{float: left;
height: 128px;
width: 119px;
background: url(../images/menu.png) no-repeat;
text-indent: -9999px;
}

ul.menu-topik li a .item28 :hover
{background-position: 0px -128px;}


ul.menu-topik li a.item28 :visited
{background-position: 0px -256px;}
Подскажите что не так?
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Три состояния пункта меню!
« Ответ #1 : 11.05.2011, 07:19:32 »
А у Вас тут разные селекторы. Да и вообще не рабочие :)
Код
a .item28 :hover
a.item28 :visited
меняем на
Код
a.item28:hover
a.item28:visited
Поясняю, как сейчас (ul.menu-topik li a .item28 :hover) выборка будет проходить так: сперва нашли ul, в нём li, в нём a, в нём все элементы с классом item28. Дальше дело не пойдёт, так, как псевдокласс :hover у вас привязан к "воздуху". Вот такие проблемы всего лишь изза двух пробелов лишних. :)
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Три состояния пункта меню!
« Ответ #2 : 11.05.2011, 07:24:44 »
Код
text-indent: -9999px;
Гламурно. Ну если это обычный мод_майнменю (или мод_меню, если Дж1,6), то внутри ссылки у Вас ещё span есть.
Это
Код
height: 128px;
width: 119px;
работать не будет. Ссылка по-умоланию инлайновский элемент. Сделайте так:
Код
ul.menu-topik a
{float: left;
height: 128px;
width: 119px;
background: url(../images/menu.png) no-repeat;
display: block;}

ul.menu-topik span
{display: none;}
Записан
*

artemkozlov

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Три состояния пункта меню!
« Ответ #3 : 11.05.2011, 08:15:49 »
Цитата: Shustry от 11.05.2011, 07:24:44
Код
text-indent: -9999px;
Гламурно. Ну если это обычный мод_майнменю (или мод_меню, если Дж1,6), то внутри ссылки у Вас ещё span есть.
Это
Код
height: 128px;
width: 119px;
работать не будет. Ссылка по-умоланию инлайновский элемент. Сделайте так:
Код
ul.menu-topik a
{float: left;
height: 128px;
width: 119px;
background: url(../images/menu.png) no-repeat;
display: block;}

ul.menu-topik span
{display: none;}
Спасибо за ответ, с этим все в порядке, text-indent: -9999px; поменял вроде все работает, а вот с псевдоклассами не получается(((( Написал так
Код

ul.menu-topik
{width: 476px;
list-style: none;
}


ul.menu-topik li a
{float: left;
height: 128px;
width: 119px;
background: url(../images/menu.png) no-repeat;
overflow: hidden;
display: block;
}

ul.menu-topik li a.item28:hover
{background-position: 0px -128px;}


ul.menu-topik li a.item28:visited
{background-position: 0px -256px;}


ul.menu-topik span
{display: none;}
Записан
*

artemkozlov

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Три состояния пункта меню!
« Ответ #4 : 11.05.2011, 08:19:45 »
У меня такое ощущение, что я неправильно обращаюсь к пункту меню.....
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Три состояния пункта меню!
« Ответ #5 : 11.05.2011, 08:40:56 »
Цитата: artemkozlov от 11.05.2011, 08:19:45
У меня такое ощущение, что я неправильно обращаюсь к пункту меню.....
Вполне возможно. Выложите в сеть сайт, посмотрим.
Записан
*

zmancer

  • Давно я тут
  • 519
  • 76 / 19
Re: Три состояния пункта меню!
« Ответ #6 : 11.05.2011, 11:28:22 »
Зачем вам в меню a:visited ? это посещенные ссылки
.item28 - это класс конкретного пункта меню
Что вы в итоге хотите получить обьясните?
для меню обычно делают
ul li a - ОБЫЧНОЕ СОСТОЯНИЕ
ul li a:hover - ПРИ НАВЕДЕНИИ
ul li.active a  - АКТИВНЫЙ ПУНКТ МЕНЮ
И ПОСЛЕ ЕСЛИ ВАМ НЕОБХОДИМО КОНКРЕТНО ДЛЯ ОПРЕДЕЛЕННОГО ПУНКТА МЕНЮ ПРОПИСАТЬ СТИЛИ
.item28, где 28 это id пункта меню
.item1
.item45
думаю принцип понятен
Записан
*

artemkozlov

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Три состояния пункта меню!
« Ответ #7 : 11.05.2011, 14:20:21 »
Цитата: zmancer от 11.05.2011, 11:28:22
Зачем вам в меню a:visited ? это посещенные ссылки
.item28 - это класс конкретного пункта меню
Что вы в итоге хотите получить обьясните?
для меню обычно делают
ul li a - ОБЫЧНОЕ СОСТОЯНИЕ
ul li a:hover - ПРИ НАВЕДЕНИИ
ul li.active a  - АКТИВНЫЙ ПУНКТ МЕНЮ
И ПОСЛЕ ЕСЛИ ВАМ НЕОБХОДИМО КОНКРЕТНО ДЛЯ ОПРЕДЕЛЕННОГО ПУНКТА МЕНЮ ПРОПИСАТЬ СТИЛИ
.item28, где 28 это id пункта меню
.item1
.item45
думаю принцип понятен
Да a:visited мне и не нужен, я просто пытался применить хоть какой то псевдокласс, но пока не получается. А по поводу класса конкретного пункта меню, у меня вопрос, как в CSS обратиться не к конкретному id пункта меню, а к тому пункту меню которое будет первым, или вторым, или третьим в списке пунктов меню?
Записан
*

artemkozlov

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Три состояния пункта меню!
« Ответ #8 : 11.05.2011, 17:28:17 »
Проблему решил, дело и в правду было в том, что я неправильно обращался к пункту меню.
Сделал так:
Код
ul.menu-topik li a
{float: left;
height: 128px;
background: url(../images/menu.png) no-repeat;
overflow: hidden;
word-wrap: break-word;
display: block;
}

ul.menu-topik span
{display: none;}


ul.menu-topik li.item28 a
{width: 119px;
background-position: 0px 0px;
}

ul.menu-topik li.item28 a:hover
{background-position: 0px -128px;}


ul.menu-topik li.item28.active a
{background-position: 0px -256px;}


Оказалось надо было немного подумать.....
Записан
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Три состояния пункта меню!
« Ответ #9 : 12.05.2011, 19:38:44 »
Цитата: artemkozlov от 11.05.2011, 17:28:17
Оказалось надо было немного подумать.....
Это самое интересное в работе ;)
Может в будущем пригодится небольшая заметка по оформлению пунктов меню.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор vasilii.pupkov

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

Автор DrShepard

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

Автор coliandra

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

Автор coliandra

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

Автор kuraev64

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