Новости Joomla

JL Like 5.3.0 — Новые настройки и поддержка Threads и Reddit

JL Like 5.3.0 — Новые настройки и поддержка Threads и Reddit

Представляем обновление плагина социальных кнопок для Joomla с расширенными возможностями настройки внешнего вида и управления!

👩‍💻 Модуль "Бегущая строка" для Joomla.

👩‍💻 Модуль "Бегущая строка" для Joomla.

Выводит текстовые элементы в виде бесконечной бегущей строки. 
Есть настройки скорости прокручивания и отступов между элементами. Элементам можно изменять порядок вывода.

- Модуль тестировался на Joomla версий 4, 5 и 6.
- Основан на css анимации с использованием js

Разработчик - участник нашего сообщества Дмитрий Денисов (@codersite).

Страница расширения

@joomlafeed

Вышел релиз YOOtheme Pro 5

YOOtheme Pro 5

После долгой работы и масштабного рефакторинга команда YOOtheme представила новый релиз своего популярного конструктора страниц Yootheme Pro.

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

KingSnake

  • Захожу иногда
  • 232
  • 0 / 1
Рамка вокруг изображения (настройка)
« : 12.08.2019, 13:52:07 »
Приветствую, господа! Вопрос вот какой. Есть Joomla 3.9.10, есть framework Astroid 2.2.3 (если это важно). Нужно было сделать чтобы при наведении мышки на изображение выходила рамка другого цвета. Прописал код:

Код
img {
  border: 1px solid #f2f3f4;
  border-radius: 4px;
  padding: 5px;
}

img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

Стали выделять абсолютно все картинки на сайте, включая логотип. А мне это нафиг не надо. Поэтому вопрос - как-то можно сделать ограничение для данного кода, чтобы выделялись только картинки *.jpg или только те у которых ширина 1200 px (на всю страницу)? В CSS не силен, поэтому и спрашиваю. Заранее спасибо за помощь.
Записан
*

Webster

  • Захожу иногда
  • 185
  • 7 / 0
Re: Рамка вокруг изображения (настройка)
« Ответ #1 : 12.08.2019, 13:55:39 »
задить класс нужным картинкам
Записан
*

KingSnake

  • Захожу иногда
  • 232
  • 0 / 1
Re: Рамка вокруг изображения (настройка)
« Ответ #2 : 12.08.2019, 13:57:38 »
Интересное решение, не подумал об этом. Хорошо. А если на сайте 100 картинок (цифра с потолка) то для каждой придется прописывать этот класс? Или как-то можно автоматизировать?
Записан
*

Webster

  • Захожу иногда
  • 185
  • 7 / 0
Re: Рамка вокруг изображения (настройка)
« Ответ #3 : 12.08.2019, 13:59:07 »
так смотря где находя]тся картинки которые надо рамкой крыть
Записан
*

KingSnake

  • Захожу иногда
  • 232
  • 0 / 1
Re: Рамка вокруг изображения (настройка)
« Ответ #4 : 12.08.2019, 14:02:13 »
В материале. Или я не совсем понял вопрос?
Записан
*

Webster

  • Захожу иногда
  • 185
  • 7 / 0
Re: Рамка вокруг изображения (настройка)
« Ответ #5 : 12.08.2019, 14:05:47 »
ну так задайте в шаблоне вывода материала класс для изображений
и все картинки в материалах будут уже с классом автоматом
Записан
*

KingSnake

  • Захожу иногда
  • 232
  • 0 / 1
Re: Рамка вокруг изображения (настройка)
« Ответ #6 : 12.08.2019, 14:11:32 »
Тогда вот еще какой вопрос. А как правильно приписывать новый класс в CSS? Допустим...
Код
.myclass{img border: 1px solid #f2f3f4; border-radius: 4px; padding: 5px; hover box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);}

Будет работать или я неправильно написал?
Записан
*

Webster

  • Захожу иногда
  • 185
  • 7 / 0
Re: Рамка вокруг изображения (настройка)
« Ответ #7 : 12.08.2019, 14:18:08 »
hover box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
не верно
.myclass :hover{
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
Записан
*

KingSnake

  • Захожу иногда
  • 232
  • 0 / 1
Re: Рамка вокруг изображения (настройка)
« Ответ #8 : 12.08.2019, 14:21:07 »
А как тогда еще дописать для картинок?

.myclass :hover{
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
img {
  border: 1px solid #f2f3f4;
  border-radius: 4px;
  padding: 5px;
}
Записан
*

Webster

  • Захожу иногда
  • 185
  • 7 / 0
Re: Рамка вокруг изображения (настройка)
« Ответ #9 : 12.08.2019, 14:26:50 »
Код
.myclass :hover{
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.myclass {
  border: 1px solid #f2f3f4;
  border-radius: 4px;
  padding: 5px;
}
Записан
*

KingSnake

  • Захожу иногда
  • 232
  • 0 / 1
Re: Рамка вокруг изображения (настройка)
« Ответ #10 : 12.08.2019, 14:48:41 »
Спасибо! Все получилось)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Позиция фонового изображения

Автор Forgiving

 Ответов: 2
Просмотров: 1189 		Последний ответ 30.03.2020, 10:58:49
от beliyadm
Ховер эффект для изображения

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

 Ответов: 16
Просмотров: 4948 		Последний ответ 17.04.2019, 09:30:15
от bayersoff
Настройка вывода модуля погоды SP Weather

Автор IvanIvanch

 Ответов: 2
Просмотров: 1888 		Последний ответ 31.10.2018, 23:19:28
от IvanIvanch
Настройка рекламного блока для мобильных

Автор Lovenokia

 Ответов: 1
Просмотров: 1605 		Последний ответ 26.04.2017, 00:37:31
от darkghost
Вопрос обтекания центрированого текста относительно изображения полного текста материала

Автор Barakyda

 Ответов: 7
Просмотров: 1898 		Последний ответ 26.09.2016, 15:48:51
от Barakyda