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

timssky

  • Захожу иногда
  • 330
  • 0 / 0
Заливка SVG
« : 21.07.2016, 15:53:33 »
Есть белая однотонная картинка SVG нужно чтобы при наведении она покрасилась в оранжевый. 

Скажите пожалуйста как это сделать ?

https://jsfiddle.net/timssky/2sq3aak2/5/
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Заливка SVG
« Ответ #1 : 21.07.2016, 16:26:42 »
Типа такого?

Самое главное: fill НЕ работает для внешних файлов. Т.е. либо вставляете SVG непосредственно в тело, либо используете два разных SVG. Далее, рекомендации:
1. Вынесите текст из svg.
2. Не используйте тут тэг p. Это же не параграф.
3. Не пользуйтесь для генерации SVG Корел.
4. Если уж используете Корел, то делайте в пикселях, а не миллиметрах, как у вас сейчас. Вообще, очень грязный SVG у вас. Лучше всё вычистить вручную или хотя бы svgo-gui.
*

timssky

  • Захожу иногда
  • 330
  • 0 / 0
Re: Заливка SVG
« Ответ #2 : 21.07.2016, 16:49:30 »
Хорошо SVG я почищу.  

Я бы так и сделал 2 картинки но вопрос как это реализовать.  Дело в том что у меня стоит Switcher от Yootheme  (THUMBNAIL NAVIGATION)

http://yootheme.com/demo/widgetkit/joomla/index.php/home/switcher

У меня также как в примере, только верхние картинки переключатели сделаны в формате SVG

 У них стоит эффект прозрачности если какой то переключатель не активен. Мне это не подходит.   Я бы хотел сделать наоборот, чтобы  когда переключатель активен он оранжевый!  Как это реализовать ?
« Последнее редактирование: 21.07.2016, 16:57:08 от timssky »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Заливка SVG
« Ответ #3 : 21.07.2016, 17:22:35 »
Не понял, что не подходит.
*

timssky

  • Захожу иногда
  • 330
  • 0 / 0
Re: Заливка SVG
« Ответ #4 : 21.07.2016, 17:39:46 »
Там картинка вставляется в самом widgetkit,  как вставить 2, чтобы при этом если она активна менялась на другую ?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Заливка SVG
« Ответ #5 : 21.07.2016, 17:46:20 »
Через background стилями
*

timssky

  • Захожу иногда
  • 330
  • 0 / 0
Re: Заливка SVG
« Ответ #6 : 22.07.2016, 21:19:37 »
А можно пожалуйста поподробнее ?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Заливка SVG
« Ответ #7 : 23.07.2016, 12:07:11 »
Стили непосредственно в SVG файл пропишите.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Заливка фона в Helix Ultimate

Автор xandr555

Ответов: 1
Просмотров: 716
Последний ответ 27.12.2019, 22:43:13
от AlexB