Форум русской поддержки Joomla!® CMS
06.12.2016, 22:01:06 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Заливка SVG

 (Прочитано 181 раз)
0 Пользователей и 1 Гость смотрят эту тему.
timssky
Давно я тут
****

Репутация: +0/-0
Offline Offline

Сообщений: 277



« : 21.07.2016, 16:53:33 »

Есть белая однотонная картинка SVG нужно чтобы при наведении она покрасилась в оранжевый. 

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

https://jsfiddle.net/timssky/2sq3aak2/5/
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #1 : 21.07.2016, 17:26:42 »

Типа такого?

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

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #2 : 21.07.2016, 17:49:30 »

Хорошо SVG я почищу.  

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

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

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

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

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #3 : 21.07.2016, 18:22:35 »

Не понял, что не подходит.
Записан
timssky
Давно я тут
****

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #4 : 21.07.2016, 18:39:46 »

Там картинка вставляется в самом widgetkit,  как вставить 2, чтобы при этом если она активна менялась на другую ?
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #5 : 21.07.2016, 18:46:20 »

Через background стилями
Записан
timssky
Давно я тут
****

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #6 : 22.07.2016, 22:19:37 »

А можно пожалуйста поподробнее ?
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #7 : 23.07.2016, 13:07:11 »

Стили непосредственно в SVG файл пропишите.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet