Новости Joomla

SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla

SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla

👩‍💻 SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla.Компонент - менеджер цифровых проектов для Joomla! CMS. Компонент обеспечивает создание каталога цифровых проектов и предоставляет возможность скачивания, в том числе с использованием лицензионных ключей.👩‍💻 v.2.5.0. Что нового?Схемы структур данных для серверов обновлений. Теперь с SW JProjects вы может создавать сервер обновлений не только для расширений Joomla, но и свои собственные. Например, вам нужно, чтобы структура данных сервера обновлений была другая и формат должен быть, например, не XML, а JSON. Формирование структуры данных для сервера обновлений расширений Joomla вынесено в отдельный плагин. Вы можете создать свой собственный плагин и реализовать в нём нужную вам структуру данных, добавив или наоборот исключив отображаемые данные. Сервер обновлений в компоненте по-прежнему отображает информацию о списке проектов и их версиях, о конкретном проекте и его changelog.Можно выбрать схему данных сервера обновлений глобально для всего компонента, выбрать другую схему данных для категории проектов, а так же выбрать схему в каждом проекте.

Разработчикам в качестве образца можно посмотреть плагин схемы данных для Joomla в составе компонента или же плагин-образец JSON-схемы на GitHub.
Группа плагинов swjprojects. Для нужд компонента создана группа плагинов swjprojects. В частности, в этой группе находится плагин структуры данных Joomla расширений для сервера обновлений.Изменение языковых констант. Изменены некоторые языковые константы в панели администратора. Если вы делали переопределение констант - переопределите их снова.👩‍💻 Joomla 6. Внесены изменения для корректной установки и работы компонента на Joomla 6. Компонент успешно протестирован на Joomla 6-beta2.Минимальная версия Joomla - 5. Подняты минимальные системные требования: Joomla 5.0.0 и PHP 8.1.
- Страница расширения👉 Плагин-образец кастомной JSON-схемы данных для сервера обновлений на GitHub.- GitHub расширения- Документация на GitHub- Joomla Extensions Directory#joomla #расширения

Как триггерить события для плагинов на манер Joomla 5+?В Joomla 6 должны удалить метод...

Как триггерить события для плагинов на манер Joomla 5+?В Joomla 6 должны удалить метод...

👩‍💻 Как триггерить события для плагинов на манер Joomla 5+?В Joomla 6 должны удалить метод triggerEvent(), с помощью которого раньше вызывались события для плагинов. Теперь чтобы в своём коде вызвать событие для плагина и получить от него результаты нужно:- создать объект класса события- передать в него параметры

use Joomla\CMS\Event\AbstractEvent;use Joomla\CMS\Factory;use Joomla\CMS\Plugin\PluginHelper;// Грузим плагины нужных группPluginHelper::importPlugin('system');// Создаём объект события$event = AbstractEvent::create('onAfterInitUniverse', [    'subject' => $this,    'data'    => $data, // какие-то данные    'article' => $article, // ещё материал вдовесок    'product' => $product, // и товаров подвезли]);// Триггерим событиеFactory::getApplication()->getDispatcher()->dispatch(    $event->getName(), // Тут можно строку передать 'onAfterInitUniverse'    $event);// Получаем результаты// В случае с AbstractEvent это может быть не 'result',// а что-то ещё - куда сами отдадите данные.// 2-й аргумент - значение по умолчанию, // если не получены результаты$results = $event->getArgument('result', []);
Плюсы такого подхода - вам не нужно запоминать порядок аргументов и проверять их наличие. Если вы написали свой класс события, то в плагине можно получать аргументы с помощью методов $event->getArticle(), $event->getData(), $event->getProduct() и подобными - реализуете сами под свои нужды. Если такой класс события написали, то создаёте экземпляр своего класса события и укажите его явно в аргументе eventClass
use Joomla\Component\MyComponent\Administrator\Event\MyCoolEvent;$event = MyCoolEvent::create('onAfterInitUniverse', [    'subject'    => $this,    'eventClass' => MyCoolEvent::class, // ваш класс события    'data'       => $data, // какие-то данные    'article'    => $article, // ещё материал вдовесок    'product'    => $product, // и товаров подвезли]);
Ожидаемо, что класс вашего события будет расширять AbsractEvent или другие классы событий Joomla.🙁 Есть неприятный нюанс - нельзя просто так вызывать событие и ничего не передать в аргументы. Аргумент subject обязательный. Но если вы всё-таки не хотите туда ничего передавать - передайте туда пустой stdClass или объект Joomla\registry\Registry.
@joomlafeed#joomla #php #webdev

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

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Сделал новый модуль HTML и хочу сделать бекграунд, на который можно будет наложить другое изображение+текст. 
Каким образом лучше всего сделать такую подложку?

Вот что я сделал:
в template.css своего шаблона добавил класс .vtype
Спойлер
[свернуть]

а в новом модуле HTML вставил строчку:
Код
<div class="vtype">Классический витраж</div>

И вот что получилось:


Но если туда добавить изображение в текстовом редакторе в Joomla
Спойлер
[свернуть]

то это изображение куда-то перескакивает:


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

Все это пытался реализовать через суффикс CSS-класса модуля, но так его и не осилил.
Прошу помощи
*

alex38ann

  • Захожу иногда
  • 204
  • 7 / 0
  • www.sn38.ru
у меня фото отображается по верх окна, указал для картинки ширину и высоту http://jsfiddle.net/alex38ann/tqFLL/
« Последнее редактирование: 09.04.2014, 08:10:38 от alex38ann »
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
Код: html
<div class="vtype">Классический витраж<img src="#" /></div>

Код: css
.vtype{
  overflow:hidden
  display: block;
  position: absolute;
  border: 1px solid #071515;
  border-radius: 3px;
  box-shadow: 2px 2px 5px #4afffd;
  opacity: .7;
  width: 440px;
  height: 367px;
  font-size:20pt;
  color: #000000;
  text-shadow: 3px 1px 2px #88fdfc;     
  text-align: center;
}
.vtype img{
  width:100%
}
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Спасибо большое!

Сделал так:
Код
<div class="vtype">Классический витраж <br /><a href="index.php/type-vitrage/classic"><img src="images/Classic.jpg" border="0" width="410px" height="310px" /></a></div>

Код: css
.vtype{
  overflow:hidden
  display: block;
  position: absolute;
  border: 1px solid #071515;
  border-radius: 3px;
  box-shadow: 2px 2px 5px #4afffd;
  opacity: .7;
  width: 440px;
  height: 367px;
  font-size:20pt;
  color: #000000;
  text-shadow: 3px 1px 2px #88fdfc;     
  text-align: center;
}
.vtype img{
  width:100%
}

И вот что получилось:




Теперь отступы (слева, справа и снизу) от картинки до подложки можно регулировать шириной/высотой самой картинки. Как теперь сделать этой картинке отступ сверху? Или вообще сделать область за которую не будет выходить изображение. Например, вот такую:



И еще вопрос: как сделать так, чтобы ссылкой являлась не только внутренне изображение, а вся "стеклянная подложка" вместе с картикой?
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
И еще вопрос: как сделать так, чтобы ссылкой являлась не только внутренне изображение, а вся "стеклянная подложка" вместе с картикой?
Обернуть весь div ссылкой.
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Обернуть весь div ссылкой.

Как это правильно сделать? Я пробовал ссылку вынести с div  вот таким образом:
Код: css
<a class="hover" href="index.php/type-vitrage/classic" >
<div
class="vtype">text...<img src="images/Classic.jpg" border="0" width="410px" height="310px" />
</div>
</a>

*Изначально было так:
Код: css
<div 
class="vtype">text...<a class="hover" href="index.php/type-vitrage/classic" ><img src="images/Classic.jpg" border="0" width="410px" height="310px" />
</a>
</div>
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Разобрался. Сделал через onclick:
Код: css
<div class="linkblock" onclick="location.href='index.php/type-vitrage/classic';">
   <div class="vtype">Классический витраж<img src="images/Classic.jpg" border="0" width="410px" height="310px" />
   </div>
</div>

Код: css
.linkblock {cursor:pointer}
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Пытаюсь добавить в самый низ еще один слой с размерами, как у светящейся подложки, только затемненный. Это для того, чтобы т.н. светящаяся подложка была не полностью прозрачна, а похожа на темное стекло.
Для этого добавил еще один класс .vtype-dark с бекграундом и прозрачностью .4

Код: xml
<div class="linkblock" onclick="location.href='index.php/gallery/door-vitrage';">
     <div class="vtype-dark">
         <div class="vtype">door vitrage<p>
             <img src="images/door.jpg" border="0" width="173px" height="310px" /></p>
         </div>
     </div>
</div>


Код: css
.vtype-dark
{
  display:block;
  position:absolute;
  background: #000000;
  width: 440px;
  height: 367px;
  border-radius: 3px;   
  opacity: .4;
}

Прозрачность .4 распространяется на остальные слои:



Как решить такую задачку, может есть решение без создания .vtype-dark?
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Попробовал создать еще один модуль HTML и класс .bg_type для него и разместил этот модуль в ту же позицию, что и "стеклянная подложка" (о которой шла речь выше)
Код
<div class="bg_type"> </div>

Код: css
.bg_type{
display: block;
position: absolute;
background: #000000;
border: 1px solid #071515;
border-radius: 3px;
opacity: .6;
width: 440px;
height: 367px;
}

Результат тот же, прозрачность распространяется на "стеклянную подложку" + теперь этот темный прямоугольник перекрывает основной слой.
Как можно решить этот вопрос?


upd

Решил путем добавления  z-index: 1; к основному слою
Спойлер
[свернуть]
и прозрачность сделал по-другому:
Спойлер
[свернуть]

 Появилась новая проблема: тень шрифта (text-shadow:) разная в Chrome и мазиле


Пробовал написать -webkit-text-shadow: но ничего из этого не вышло. Как это можно исправить исправить?
« Последнее редактирование: 14.04.2014, 16:45:54 от Kovgan »
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Появилась новая проблема: тень шрифта (text-shadow:) разная в Chrome и мазиле


Пробовал написать -webkit-text-shadow: но ничего из этого не вышло. Как это можно исправить исправить?


 Вопрос еще актуален
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Модуль HTML. Подложка под изображение
« Ответ #10 : 24.04.2014, 15:44:18 »
Никак не исправить. Это вопрос к разработчикам браузеров. Ну или на-глаз подбирать более-менее похожие через вендорные правила.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

В новом шаблоне не адаптируется изображение

Автор Ebelous

Ответов: 4
Просмотров: 2593
Последний ответ 13.02.2024, 17:01:12
от Vastriet
Не работают стили CSS в html

Автор ВикуЛя

Ответов: 1
Просмотров: 1257
Последний ответ 27.05.2021, 12:31:15
от ShopES
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 1181
Последний ответ 08.03.2021, 22:21:01
от Flexderection
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 12420
Последний ответ 04.04.2020, 13:49:11
от jan_dax
Как вставить красивю кнопку CSS в модуль/материал?

Автор kunsaid

Ответов: 6
Просмотров: 2878
Последний ответ 02.10.2018, 23:16:12
от kunsaid