Новости 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 Гость просматривают эту тему.
  • 8 Ответов
  • 2275 Просмотров
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
[Решено] Выровнять несколько элементов поверх изображения
« : 07.10.2013, 03:14:36 »
Все началось с того "Как написать текст поверх изображения".
Проблемная страница: http://crimson-land.ru/games/top-down.html
С помощью этой статьи http://www.css-tricks.ru/articles/Details/TextBlocksOverImage
привел категорию к желаемому виду - поверх изображения отображается текст "скачать" с красным фоном.
Код
<div class="notice-red"><span>Скачать</span></div>
Код: css
.notice-red  {
	position: absolute;
	top: 180px;
	left: 0;
	width: 100%;}

.notice-red span {
	color: white;
	font-size:16px;
	font-weight: bold;
	background: rgb(255, 0, 0);
	background: rgba(255, 0, 0, 0.8);
	padding: 6px;}


Все замечательно до тех пор, пока не понадобилось добавить второй текст. Видно как один текст "Demo" накладывается на другой "Steam" (ну вроде логично, ведь для второго применен аналогичный стиль, но с другим фоном):



В попытках отобразить оба текста в одну строку рядом друг с другом, отредактировал CSS до следующего вида, изменив атрибут "position" и добавив "display: inline;":
Код: css
.notice-red  {
	position: relative;
	bottom: 40px;
	left: 0;
	width: 100%;
	display: inline;}

И вроде бы все хорошо, но вдруг высота блока/изображения над которым есть такие таксты стала больше, чем высоба блока, где таких текстов нет:



Далее так и не понял, в чем моя ошибка и в чем секрет "position".
На данный момент в CSS использованы стили, которые указаны в начале топика.
Благодарю за помощь.
« Последнее редактирование: 07.10.2013, 18:46:48 от slepoy »
Записан
Помог? Поставь(те) плюс в репутацию.
*

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
Re: Выровнять несколько элементов поверх изображения
« Ответ #1 : 07.10.2013, 18:13:12 »
Пробовали сделать блок с картинкой не img, а div с бакграундом этой картинки? тогда вопрос с position отпадет, так как кнопки можно поместить внутрь этого блока и уже спозиционировать как надо.
Второй вариант - тоже без position. Кнопки будут relative со сдвигом на картинку наверх top:-40px, например.
Третий вариант - js скрипт, где позиция кнопок будет зависеть от их ширины.
Четвертый - если текст на кнопках будет не динамичный, то почему бы и не выровнять с помощью margin?
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Выровнять несколько элементов поверх изображения
« Ответ #2 : 07.10.2013, 18:22:46 »
Посмотрел по ссылке - проблем не увидел
Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Выровнять несколько элементов поверх изображения
« Ответ #3 : 07.10.2013, 18:27:33 »
Цитата: Рэм от 07.10.2013, 18:13:12
Пробовали сделать блок с картинкой не img, а div с бакграундом этой картинки? тогда вопрос с position отпадет, так как кнопки можно поместить внутрь этого блока и уже спозиционировать как надо.
К сожалению данный вариант не подходит т.к. изображение должно быть кликабельным (оно создается не com_content компонентом и глобально менять в нем вывод изображений не желателен).
Цитата: Рэм от 07.10.2013, 18:13:12
Второй вариант - тоже без position. Кнопки будут relative со сдвигом на картинку наверх top:-40px, например.
Да, так работает (как писал ниже) Но появляется отступ
Код: css
.notice-red  {
	position: relative;
	bottom: 40px;
	left: 0;
	width: 100%;
	display: inline;}


Цитата: Рэм от 07.10.2013, 18:13:12
Третий вариант - js скрипт, где позиция кнопок будет зависеть от их ширины.
Не подходит.
Цитата: Рэм от 07.10.2013, 18:13:12
Четвертый - если текст на кнопках будет не динамичный, то почему бы и не выровнять с помощью margin?
К сожалению где-то одна кнопка, а где-то две-три и хочется, чтобы всегда они были по центру.

Спасибо.
Записан
Помог? Поставь(те) плюс в репутацию.
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Выровнять несколько элементов поверх изображения
« Ответ #4 : 07.10.2013, 18:34:16 »
Добавилось несколько статей к категории, но результат можно увидеть, если пощелкать по поганиции 1, 2, 3... http://crimson-land.ru/games/top-down.html
Возникает проблема в отступах

Записан
Помог? Поставь(те) плюс в репутацию.
*

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
Re: Выровнять несколько элементов поверх изображения
« Ответ #5 : 07.10.2013, 18:39:36 »
С помощью мазонри выкрутились, как посмотрю)
что если кнопки поместить в отдельный div , у которого будет position: absolute, сам div будет поверх изображения, а кнопки внутри него display:inline-block?
Записан
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
RE: Выровнять несколько элементов поверх изображения
« Ответ #6 : 07.10.2013, 18:47:14 »
Спасибо большое - сработало :~]
Записан
Помог? Поставь(те) плюс в репутацию.
*

Рэм

  • Осваиваюсь на форуме
  • 18
  • 1 / 0
RE: Выровнять несколько элементов поверх изображения
« Ответ #7 : 07.10.2013, 18:48:38 »
Незачто.
Мазонри вырубить не забудь)
Записан
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Выровнять несколько элементов поверх изображения
« Ответ #8 : 07.10.2013, 18:53:02 »
MacOS
Safari 6 - нет проблем
Firefox 23 - нет проблем
Chrome 30 - нет проблем

Причем в Chrome было, но при обновлении страницы исчезло .... видимо вы исправили

Записан
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

 Ответов: 11
Просмотров: 2242 		Последний ответ 03.11.2020, 16:57:40
от Nikolay89
[Решено] Слетает правый сайдбар на шаблоне protostar

Автор Mick_20

 Ответов: 4
Просмотров: 2386 		Последний ответ 28.05.2020, 15:45:06
от Muzzy
Позиция фонового изображения

Автор Forgiving

 Ответов: 2
Просмотров: 1184 		Последний ответ 30.03.2020, 10:58:49
от beliyadm
Несколько вопросов про шаблон (Joomla! 3.9.1)

Автор int31

 Ответов: 6
Просмотров: 1460 		Последний ответ 09.02.2020, 20:28:49
от AlexB
Как выровнять блоки в модуле?

Автор arkady

 Ответов: 4
Просмотров: 1339 		Последний ответ 14.10.2019, 23:24:14
от AlekVolsk