Компонент YooTheme Pro

  • Автор темы Автор темы OlegPaRe
  • Дата начала Дата начала
Привет! Возможно вопрос по css нужно задавать, но пользуясь YTPro я решил попробовать использовать свой SVG вместо штатного, т.е. если указать так:
Код:
<a href="en/" uk-icon="icon: world;"</a>
то всё работает отлично, но меня не устраивает сам значок, который должен намекать на смену локализации, чем подключение интернета или с чем там земной шар ассоциируется, а также хочу придерживаться стиля в сравнении с другими иконками.
Если загрузить свой SVG, вроде такого кода:
Код:
<a href="en/"<img src="images/icons/lng-eng.svg" /></a>
, то подсветка SVG при наведении мыши уже не работает, оно и понятно.
Для подсветки можно через hover в CSS подменять картинку с другим цветом, но возник вопрос, возможно ли поменять подсветку своего SVG в CSS с помощью команд "stroke: red;" или "fill: red;"? Или чего-то похожего?

------------------------------------
Короче эта статья прояснила малость в работе с SVG: ссылка
...при желании можно сделать, как надо, но надо немного репу напрягать. img не даёт работать с css.
 
Последнее редактирование:
Для подсветки можно через hover в CSS подменять картинку с другим цветом, но возник вопрос, возможно ли поменять подсветку своего SVG в CSS с помощью команд "stroke: red;" или "fill: red;"? Или чего-то похожего?
Можно. Тут вопрос к самой SVGшке, она должна быть верно сконструирована. Если вы её сами нарисовали, в фигме например, то контролируете фигуры: где обводка, где заполнение и т.п. Если она "переведена" в SVG из какого-то растра, то там такая каша, что не к чему стили применить.
 
Привет! Возможно вопрос по css нужно задавать, но пользуясь YTPro я решил попробовать использовать свой SVG вместо штатного, т.е. если указать так:
Код:
<a href="en/" uk-icon="icon: world;"</a>
то всё работает отлично, но меня не устраивает сам значок, который должен намекать на смену локализации, чем подключение интернета или с чем там земной шар ассоциируется, а также хочу придерживаться стиля в сравнении с другими иконками.
Если загрузить свой SVG, вроде такого кода:
Код:
<a href="en/"<img src="images/icons/lng-eng.svg" /></a>
, то подсветка SVG при наведении мыши уже не работает, оно и понятно.
Для подсветки можно через hover в CSS подменять картинку с другим цветом, но возник вопрос, возможно ли поменять подсветку своего SVG в CSS с помощью команд "stroke: red;" или "fill: red;"? Или чего-то похожего?

------------------------------------
Короче эта статья прояснила малость в работе с SVG: ссылка
...при желании можно сделать, как надо, но надо немного репу напрягать. img не даёт работать с css.
Используйте в самом свг ( классы ) для назначения цветовой схемы тому или иному элементу векторного изображения.Само векторное изображение следует вставлять используя
HTML:
<img src="" width="" height="" uk-svg>
Если вы хотите анимировать изображение используйте
HTML:
<img src="" width="" height="" uk-svg="stroke-animation: true">
А вообще есть открытая вики, которую могут использовать все....

И еще я обратил внимание что у вас ошибка с html синтаксисе:
Вы написали
HTML:
<a href="en/"<img src="images/icons/lng-eng.svg" /></a>
А должно быть так
HTML:
<a href="en/"><img src="images/icons/lng-eng.svg" uk-svg></a>


Yoo Theme Pro 3.0.18 official
 
Последнее редактирование:
Я правильно понял, что если попытаться ввести свой шрифт в настройках стиля, то для россиян будет борода? Ни один шрифт не грузится. Вроде был слух в том году, что гугл шрифты россиянам позакрывал.
P.S. Уже не первый раз подумывал, что проще на cassiopeia состряпать своё и не заморачиваться над тем, что в очередном обновлении весь дизайн слетит.
 
Последнее редактирование:
Я правильно понял, что если попытаться ввести свой шрифт в настройках стиля, то для россиян будет борода? Ни один шрифт не грузится. Вроде был слух в том году, что гугл шрифты россиянам позакрывал.
Я тоже нахожусь в РФ, но не наблюдал проблем с загрузкой шрифтов.
 
Назад
Верх