Новости Joomla

Сбор средств на обновление мультиполя для Joomla 4! а также медиа поля для quantum manager

У Дмитрия появилась возможность (впервые за год) уделить время и переписать код мультиполя для использования в Joomla 4.

Ваш дизайн может стать новым дизайном для официального сайта Joomla!

Разве не было бы здорово, если бы у Joomla был внешний вид в едином узнаваемом стиле для всех тех сайтов, которые находятся под баннером Joomla, а также для тех, что были встроены в шаблон Joomla, которым пользуются люди?

JBZoo на Joomla 4 быть!

JBZoo - это надстройка над некогда популярном CCK Joomla Zoo, который позволял реализовать магазин на данном компоненте. Изначально надстройка была коммерческой, после того, как автор (Денис Сметанников) прекратил поддержку, он стал бесплатным.

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

KingSnake

  • Захожу иногда
  • 228
  • 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

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

Webster

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

KingSnake

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

Webster

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

KingSnake

  • Захожу иногда
  • 228
  • 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

  • Захожу иногда
  • 228
  • 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

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

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

Автор Forgiving

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

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

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

Автор IvanIvanch

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

Автор Lovenokia

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

Автор Barakyda

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