Новости Joomla

👩‍💻 Вышел Quantum Manager 3.3.0 - медиа менеджер для Joomla.

👩‍💻 Вышел Quantum Manager 3.3.0 - медиа менеджер для Joomla.

Популярный файловый менеджер для Joomla от отечественных разработчиков.

v.3.3.0. Что нового?
- Joomla 6. Компонент полностью совместим с Joomla 6, плагин обратной совместимости не требуется.
- Рефакторинг. Полностью удалён устаревший код, оставшийся в наследство от версий для Joomla 3.
- Новые настройки для SVG. Новые параметры фильтрации SVG-файлов.
- Улучшена безопасная функция предварительного просмотра SVG-файлов. Благодаря новым механизмам фильтрации восстановлена ​​возможность безопасного предварительного просмотра SVG-изображений.
- Исправления ошибок. Исправлены ошибки с данными EXIF ​​и обновлена ​​библиотека EXIF.

Читать новость
Скачать расширение

Также обновление получил плагин пользовательского поля Radicalmultifield для совместимости с новым Quantum Manager.

Репозиторий GitHub
Релиз на GitHub

@joomlafeed

Joomla по-русски — возвращение к истокам

Joomla по-русски — возвращение к истокам

С 1 марта 2026 года наш проект меняет название. Joomla Russia становится Joomla по-русски.

Это давно напрашивалось, со времён редизайна сайта, но тут подвернулся повод.

Поводом послужили новые требования российского законодательства об использовании русскоязычных наименований для отечественных проектов. Но мы воспринимаем это не как обязанность, а как хороший толчок сделать то, о чём думали и раньше.

Joomla по-русски — для всех, кто творит сайты на великом и могучем.

👩‍💻 WT Layout select - плагин выбора файла макета (layout) Joomla.

👩‍💻 WT Layout select - плагин выбора файла макета (layout) Joomla.

Плагин пользовательского поля Joomla: выпадающий список PHP-лейаутов из указанных папок с учетом переопределений активного шаблона сайта.

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

Galina2307

  • Захожу иногда
  • 117
  • 0 / 0
Как сделать что бы картинка увеличивалась при наведении курсора?
« : 30.06.2016, 19:32:43 »
Как сделать что бы картинка увеличивалась при наведении курсора?
Записан
*

Филипп Сорокин

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #1 : 30.06.2016, 19:37:50 »
И вам добрый вечер. Средствами CSS:

Код: css
img {
    transition: width 2s;
}

img:hover {
    width: 1000%;
    height: 1000%;
    max-width: 1000%;
}
« Последнее редактирование: 30.06.2016, 19:46:24 от Филипп Сорокин »
Записан
*

Galina2307

  • Захожу иногда
  • 117
  • 0 / 0
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #2 : 30.06.2016, 19:43:59 »
Цитата: Филипп Сорокин от 30.06.2016, 19:37:50
И вам добрый вечер. Средствами CSS:

Код
img {
    transition: width 2s;
}

img:hover {
    width: 1000%;
    height: 1000%;
    max-width: 1000%;
}

Добрый вечер) А куда ставить код?
Записан
*

Филипп Сорокин

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #3 : 30.06.2016, 19:45:49 »
А без разницы - куда больше нравится :)
В конец любого файла CSS. Если не сработает, то попробуйте так:

Код: css
img {
    transition: width 2s;
}

img:hover {
    width: 1000% !important;
    height: 1000% !important;
    max-width: 1000% !important;
}
Записан
*

Galina2307

  • Захожу иногда
  • 117
  • 0 / 0
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #4 : 30.06.2016, 19:47:17 »
Цитата: Филипп Сорокин от 30.06.2016, 19:45:49
А без разницы - куда больше нравится :)
В конец любого файла CSS. Если не сработает, то попробуйте так:

Код: css
img {
    transition: width 2s;
}

img:hover {
    width: 1000% !important;
    height: 1000% !important;
    max-width: 1000% !important;
}

Мне надо что бы верхние картинки увеличивались если на них наводят курсор.
вот ссылка vyveska1.ru/vyveski
Сейчас сделано одной целой картинкой, но буду заливать по одной.
Вывод на страницу будет ч/з HTML код.
Записан
*

Galina2307

  • Захожу иногда
  • 117
  • 0 / 0
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #5 : 30.06.2016, 19:49:00 »
Цитата: Филипп Сорокин от 30.06.2016, 19:45:49
А без разницы - куда больше нравится :)
В конец любого файла CSS. Если не сработает, то попробуйте так:

Код: css
img {
    transition: width 2s;
}

img:hover {
    width: 1000% !important;
    height: 1000% !important;
    max-width: 1000% !important;
}

Может подскажите хотя бы в какую папку.
И мне не надо что бы это правило распространялось на все картинки на сайте.
Надо что бы только на конкретные в коде HTML
« Последнее редактирование: 30.06.2016, 19:53:25 от Galina2307 »
Записан
*

Филипп Сорокин

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #6 : 30.06.2016, 19:53:56 »
Надёжнее всего сразу вставить код в индексный файл Вашего шаблона - так сработает наверняка!

Код
/templates/ваш_шаблон/index.php

Открываете его и вставляете php код в начало файла после строки defined('_JEXEC') or die()

Код: php
/templates/ваш_шаблон/index.php

собственно, код:

Код: php
JFactory::getDocument()->addStyleDeclaration("
    img {
        transition: width 2s;
    }
 
    img:hover {
        width: 1000% !important;
        height: 1000% !important;
        max-width: 1000% !important;
    }
");
Записан
*

Galina2307

  • Захожу иногда
  • 117
  • 0 / 0
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #7 : 30.06.2016, 21:26:43 »
Ничего не получилось. Вопрос актуален 
Записан
*

fbr

  • Завсегдатай
  • 1689
  • 211 / 7
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #8 : 30.06.2016, 21:51:41 »
Код: css
a:hover img {
    transform: scale(1.1);
}
a {overflow:hidden;}
Записан
*

Galina2307

  • Захожу иногда
  • 117
  • 0 / 0
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #9 : 30.06.2016, 22:04:12 »
Цитата: fbr от 30.06.2016, 21:51:41
Код: css
a:hover img {
    transform: scale(1.1);
}
a {overflow:hidden;}


Это куда?
Записан
*

Galina2307

  • Захожу иногда
  • 117
  • 0 / 0
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #10 : 30.06.2016, 22:06:18 »
Нужно что бы увеличивались только картинки которые стоят сразу под горизонтальным меню.
сайт vyveska1.ru
Записан
*

fbr

  • Завсегдатай
  • 1689
  • 211 / 7
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #11 : 30.06.2016, 22:51:21 »
В стилевой файл вашего шаблона:
Код: css
.vt_moduletable_content img {
    transform: scale(1.0);
    transition: all .3s;
}
.vt_moduletable_content img:hover {
    transform: scale(1.1);
}
Записан
*

Galina2307

  • Захожу иногда
  • 117
  • 0 / 0
Re: Как сделать что бы картинка увеличивалась при наведении курсора?
« Ответ #12 : 01.07.2016, 08:13:12 »
Цитата: fbr от 30.06.2016, 22:51:21
В стилевой файл вашего шаблона:
Код: css
.vt_moduletable_content img {
    transform: scale(1.0);
    transition: all .3s;
}
.vt_moduletable_content img:hover {
    transform: scale(1.1);
}

Спасибо Вам огромное. Помогло
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать картинку ссылкой на материал без Вводного изображения?

Автор OZlaim

 Ответов: 0
Просмотров: 1489 		Последний ответ 30.05.2024, 01:28:37
от OZlaim
Как сделать отображение времени создания материала?

Автор Pzhigalov

 Ответов: 0
Просмотров: 1590 		Последний ответ 27.09.2023, 22:45:29
от Pzhigalov
После загрузки не кликабельная картинка

Автор phvsfpgs

 Ответов: 0
Просмотров: 897 		Последний ответ 04.09.2023, 19:01:35
от phvsfpgs
Как сделать боковое выпадающее меню гамбургер

Автор Mnojitell

 Ответов: 0
Просмотров: 1061 		Последний ответ 15.12.2022, 14:24:20
от Mnojitell
Не отображается картинка в материале с другого хостинга

Автор Beer

 Ответов: 3
Просмотров: 1163 		Последний ответ 16.09.2022, 21:18:01
от marksetter