Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

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

timssky

  • Захожу иногда
  • 330
  • 0 / 0
Смена изображения при наведнии на кнопку
« : 15.01.2018, 14:21:12 »
Глупый вопрос) но не могу додуматься

Есть  2 иконки:






Как блин сделать чтобы иконка менялась при наведении на кнопку с желтого на красный цвет?
https://jsfiddle.net/mu52w79k/1/
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Смена изображения при наведнии на кнопку
« Ответ #1 : 15.01.2018, 14:27:55 »
Код
.uk-button-primary:hover .ico-cart{ background-image: ... }
« Последнее редактирование: 15.01.2018, 14:31:40 от effrit »
Записан
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Re: Смена изображения при наведнии на кнопку
« Ответ #2 : 15.01.2018, 18:28:00 »
вариант 2:
делаем иконку в svg и вставляем svg непосредственно во внутрь кнопки, заверстываем размеры и позицию svg, для указания цвета в стилях указываем
Код
button svg {fill: yellow}
button:hover svg {fill: red}

ессно свои классы подставить вместо прямых тегов, внутри svg не должно быть атрибута fill=""
в итоге: только одна картинка вместо двух, на ховер для свг можно повесить транзишн для плавной смены цвета - будет красивее
Записан
*

timssky

  • Захожу иногда
  • 330
  • 0 / 0
Re: Смена изображения при наведнии на кнопку
« Ответ #3 : 16.01.2018, 08:29:32 »
Спасибо Вам большое! Тема закрыта.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор OZlaim

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

Автор rezchik

 Ответов: 5
Просмотров: 1230 		Последний ответ 03.02.2023, 20:25:43
от beliyadm
Автоматическая смена категории

Автор marksetter

 Ответов: 9
Просмотров: 1246 		Последний ответ 23.01.2023, 22:23:21
от sivers
Блок особенностей, как добавить в поле с информацией кнопку или ссылку Подробнее

Автор Alex from SPb

 Ответов: 5
Просмотров: 1417 		Последний ответ 28.11.2022, 19:54:42
от marksetter
Проблема с выводом изображения в VirtueMart 3

Автор vetkrs

 Ответов: 0
Просмотров: 737 		Последний ответ 30.09.2022, 17:22:43
от vetkrs