Новости Joomla

Вышли релизы Joomla 6.0.3 и Joomla 5.4.3

Релиз Joomla 6.0.3 и Joomla 5.4.3

Проект Joomla рад сообщить о выпуске Joomla 6.0.3 и Joomla 5.4.3. Это релиз исправлений ошибок и улучшений для серии Joomla 6.0 и Joomla 5.4.

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

В процессе работы с Joomla бывает необходимо работать с пользовательским интерфейсом более тонко, чем обычно. Все формы Joomla состоят из стандартных полей, содержанием, стилем отображения, состоянием (включено/выключено, доступно для редактирования или нет и т.д.) можно управлять с помощью плагинов. Да и для нестандартных проектов хорошей практикой является создание одного системного или нескольких плагинов групп "под проект", в которых храниться весь "нестандарт".

В этой статье описаны все триггеры, которые вызываются через Event Dispatcher из administrator/components/com_fields/src/Helper/FieldsHelper.php, с привязкой к жизненному циклу (порядку этапов работы запроса), аргументам, изменяемым данным и дальнейшему распространению по Joomla. Это поможет вам работать с Joomla свободнее и не опасаясь при этом потерять изменения при очередном обновлении движка.

Подходы, описанные в статье, полезны в тех случаях, когда вы работаете с данными в com_fields - механизме создания и редактирования пользовательских полей ядра Joomla и при использовании FieldsHelper. Многие сторонние компоненты не используют эту возможность, поэтому данная статья будет полезна лишь частично.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

🗓 Голосование продлится до 27 февраля 2026 года.

👩‍💻 Проголосовать! 👩‍💻

Номинации, в которых можно проголосовать за Joomla:
⭐️ Best Free CMS
⭐️ Best Open Source CMS
⭐️ Best Enterprise CMS

Также в номинации Best e-Commerce Solution участвуют компоненты интернет-магазинов для Joomla:
⭐️ HikaShop
⭐️ Virtuemart

В номинации Best Website Builder оказались:
⭐️ YooTheme
⭐️ SP Page Builder

Что такое CMS Critic Awards?
С 2012 года премия CMS Critic Awards занимает особое место в сообществе систем управления контентом (CMS). Это единственный в своем роде сайт, который составляет рейтинг системы управления контентом и связанных с ними решений на рынке — от малого до крупного и подчеркивает их инновации и услуги.

Каждый год награда CMS Critic Awards присуждается одному победителю в различных отраслевых категориях, таких как: «Лучшая облачная CMS», «Лучший DXP», «Лучшая Headless CMS и других. Затем результаты оглашаются через СМИ вместе с выбором редакции CMS Critic.
В этом году премия вернулась к своим традициям и только TOP-5 движков по количеству номинаций попали в 2-й этап - голосование.

@joomlafeed

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

x1

  • Давно я тут
  • 637
  • 15 / 0
  • Linux — это Windows для бытовой техники
Как сделать такой хитрый hover для border'a?
« : 15.10.2020, 20:44:32 »
Своих сил не хватает, подскажите пожалуйста:
Есть меню на ul li
Не получается сделать так, что бы при наведении мышки (li:hover) появлялся бы или вертикальный border-left 4px solid #000, или линия слева от от пункта меню.
В чем трудность: этот border или  линия должны появлятся не сразу, а как бы появляться постепенно растягиваясь от своей середины кверху и книзу (линия от 1px до 10px вверх и 10 вниз допустим).
« Последнее редактирование: 15.10.2020, 21:19:09 от x1 »
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как сделать такой хитрый hover для border'a?
« Ответ #1 : 15.10.2020, 20:54:00 »
а если через :after добавить рябом блок с нулевой высотой и через transition менять её до 4?
Записан
*

x1

  • Давно я тут
  • 637
  • 15 / 0
  • Linux — это Windows для бытовой техники
Re: Как сделать такой хитрый hover для border'a?
« Ответ #2 : 15.10.2020, 21:02:41 »
Цитата: effrit от 15.10.2020, 20:54:00
а если через :after добавить рябом блок с нулевой высотой и через transition менять её до 4?
Пробовал, своих силенок не хватает. Теоретически, вот как вы советуете, я понимаю как примерно надо, а на практике результат ноль.
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как сделать такой хитрый hover для border'a?
« Ответ #3 : 15.10.2020, 21:40:26 »
Код
.nav-item:before{
	transition: 1s; 
	display:block; 
	border-left: 4px solid #000; 
	content:""; 
	position:absolute; 
	width:0px;  
	height:0px; top:32px	
	}
.nav-item:hover:before{top:24px;height:20px;}

.nav-item - это класс li, естественно, под свой меняем.
цифры тоже слегка условные, но смысл понятен, я думаю.
« Последнее редактирование: 15.10.2020, 21:43:30 от effrit »
Записан
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Как сделать такой хитрый hover для border'a?
« Ответ #4 : 15.10.2020, 21:46:20 »
наверное только width:1px;   нужно ! )))
Записан
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Как сделать такой хитрый hover для border'a?
« Ответ #5 : 15.10.2020, 21:48:01 »
Linux — это Windows для бытовой техники )))
Я думаю что Windows - это опухоль на теле IT ! )
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Как сделать такой хитрый hover для border'a?
« Ответ #6 : 15.10.2020, 21:49:03 »
не, ширина не нужна, за счет бордера же праздник ).
но можно и через ширину блока и бакграунд столбик организовать, конечно.
Записан
*

x1

  • Давно я тут
  • 637
  • 15 / 0
  • Linux — это Windows для бытовой техники
Re: Как сделать такой хитрый hover для border'a?
« Ответ #7 : 16.10.2020, 14:48:32 »
Видимо что то еще зависит и от шаблона. У меня в итоге 2-х дней поиска заработал такой код (работает для тега а и для тега li ):
Код
a:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  bottom: 0px;
  left: -4px;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

a:hover:before {
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

Он же оказался наиболее простым в модификации из подчеркивания горизонтального в вертикальное заменой scaleХ() на scaleY().
В обоих случаях подчеркиваие раcширяется от центра линии к её к бокам, что и требовлось.
« Последнее редактирование: 16.10.2020, 15:24:59 от x1 »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать что бы метки учитывали в категорию материала?

Автор SalityGEN

 Ответов: 1
Просмотров: 487 		Последний ответ 21.08.2021, 22:32:32
от SalityGEN
Как сделать модальное окно во всю ширину?

Автор dm-krv

 Ответов: 15
Просмотров: 1230 		Последний ответ 07.04.2018, 01:56:22
от palexa
Как сделать на js клик по элементу по его классу?

Автор dm-krv

 Ответов: 17
Просмотров: 1502 		Последний ответ 04.04.2018, 19:55:24
от dm-krv