Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями 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

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

Одна из самых популярных и старейших фото-галерей для Joomla получила новую версию.

👉 v.4.3.0. Что нового?
Панель управления для зарегистрированных пользователей. В этой версии появилась возможность каждому зарегистрированному пользователю управлять своими категориями и изображениями во фронтенде сайта.

Документация по новой функции.
Сайт проекта

@joomlafeed

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

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Эффект прозрачности для картинки (opacity)
« : 01.09.2008, 20:17:42 »
Иногда возникает необходимость сделать некоторый элемент на странице с эффектом осветления либо затемнения (в общем - прозрачность).
Для чего это может понадобиться - подложка для элементов, блоки с счетчиками. Вот второй пример мы сейчас и рассмотрим.

Есть код счетчика, к примеру от SpyLog.
В менеджере модулей создаем новый модуль (предварительно отключив визуальный редактор для пользователя), вставляем код счетчика, публикуем модуль на нужной позиции, задаем ему CSS суффикс (для примера - spy). Конечно, можно вставить в index.php шаблона в определенный слой (ячейку) и задать класс, но чаще используют пользовательские модули (не лучше, но удобней).
В исходном коде у нас такая конструкция (у меня в шаблоне модули выводятся с помощью DIV):
Код: html4strict
<div class="moduletable-spy"><!-- SpyLOG -->some code<!--/ SpyLOG --></div>
Далее в файле стилей шаблона пишем загадочные строки:
Код: css
.moduletable-spy img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;    /* Mozilla 1.6  */
-khtml-opacity: 0.6;  /* Konqueror 3.1, Safari 1.1 */
opacity: 0.6;         /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
filter: alpha(opacity=60); /* IE 5.5+*/
}
.moduletable-spy a:hover img {
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;    
-khtml-opacity: 0.9;  
opacity: 0.9;        
filter: alpha(opacity=90); 
}
Почему применяю описание для разных элементов - может быть я много не знаю, но в IE6 псевдокласс hover работает только для A, потому с помощью наследования добираемся до нужного нам элемента
В результате получили осветленную картинку счетчика, при наведении мышки она проявляется, естественно можно сделать и наоборот

Совершенно аналогично можно писать почти для любого элемента, разрешено использование background-color для осветления в разные тона.
« Последнее редактирование: 02.03.2010, 21:41:20 от beliyadm »
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm

Re: Эффект затемнения для картинки (opacity)
« Ответ #1 : 23.06.2009, 16:44:34 »
Спасибо! То, что нужно для ИЕ6+
Записан
*

ijturenkoff

  • Новичок
  • 3
  • 0 / 0
Re: Эффект затемнения для картинки (opacity)
« Ответ #2 : 21.02.2010, 00:12:51 »
большое спасибо  8)
Записан
*

Beer

  • Завсегдатай
  • 1105
  • 43 / 1
  • БИРУ - БИР!
Re: Эффект затемнения для картинки (opacity)
« Ответ #3 : 21.02.2010, 00:37:41 »
Доходчиво +1. Неспешно думал об этом - будем пробовать..))
Записан
*

Magnum

  • Захожу иногда
  • 269
  • 14 / 0
  • magnumblog.space
Re: Эффект затемнения для картинки (opacity)
« Ответ #4 : 02.03.2010, 12:09:49 »
Все оно как бы хорошо..
Вот только данные параметры "true" для CSS 3, а при валидации которая идет через CSS 2.1 будет выдавать ошибку!
Так, что пользоваться или нет уже решать вам!
Записан
Я не волшебник. Я всего лишь учусь!
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Эффект затемнения для картинки (opacity)
« Ответ #5 : 02.03.2010, 21:38:56 »
Тема: Эффект затемнения для картинки (opacity)
Далее
Цитата: beliyadm от 01.09.2008, 20:17:42
Иногда возникает необходимость сделать некоторый элемент на странице с эффектом осветления.
То затемнение, то осветление…
Может свести к определению прозрачности, чтобы не путаться? Да и в поиске будет находится быстрее.
Ведь частично прозрачный элемент либо осветляется, либо затемняется, в зависимости от фона на котором он находится.
Записан
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Re: Эффект затемнения для картинки (opacity)
« Ответ #6 : 02.03.2010, 21:40:36 »
Цитата: gdX от 02.03.2010, 21:38:56
Может свести к определению прозрачности, чтобы не путаться? Да и в поиске будет находится быстрее.
согласен :)
Записан
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Magnum

  • Захожу иногда
  • 269
  • 14 / 0
  • magnumblog.space
Re: Эффект прозрачности для картинки (opacity)
« Ответ #7 : 08.03.2010, 15:11:30 »
Немного подкоректировав стили:
Код
.counter img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.counter a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	opacity: 0.9;
	filter: alpha(opacity=90);
}

Все равно валидатор ругается благим матом:
Цитировать
.counter img    Свойство -ms-filter не существует : "progid:DXImageTransform.Microsoft.Alpha(opacity=30)" "progid:DXImageTransform.Microsoft.Alpha(opacity=30)"
.counter img    Свойство opacity не существует в CSS2.1, но существует в : 0.3 0.3
.counter img    Ошибка разбора opacity=30)
.counter a:hover img    Свойство -ms-filter не существует : "progid:DXImageTransform.Microsoft.Alpha(opacity=90)" "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"
.counter a:hover img    Свойство opacity не существует в CSS2.1, но существует в : 0.9 0.9
.counter a:hover img    Ошибка разбора opacity=90)

Но в IE зато работает.. в коде первого поста не работало =)
Записан
Я не волшебник. Я всего лишь учусь!
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Ховер эффект для изображения

Автор Оксана6767

 Ответов: 16
Просмотров: 5129 		Последний ответ 17.04.2019, 09:30:15
от bayersoff
Сделать эффект CSS у кнопок как у ссылки

Автор wishlight

 Ответов: 1
Просмотров: 1630 		Последний ответ 15.07.2018, 23:36:56
от AdWeb
Увиличение картинки при наведении

Автор vova630

 Ответов: 0
Просмотров: 1281 		Последний ответ 25.03.2018, 02:45:33
от vova630
Стиль для всплывающего названия картинки- как?

Автор epson950

 Ответов: 3
Просмотров: 1746 		Последний ответ 03.11.2016, 01:04:05
от AlekVolsk
CSS Hover для картинки

Автор vitalid

 Ответов: 19
Просмотров: 1848 		Последний ответ 20.06.2016, 15:13:34
от vipiusss