Вывод разных логотипов в зависимости от темы

248

sergey885

19 мая 2021, 05:59

108

Здравствуйте,
Посоветуйте, пожалуйста, как правильно реализовать следующее: у сайта есть две версии - темная и светлая. На каждой из них надо показывать разный логотип (на темной версии сайта - светлый, на светлой - темный).
Логотипы - png. В шапке есть переключатель версий, который через js добавляет класс в body темной версии.
В самом шаблоне это выглядит так:

<a href="/">
<img class="logo-img-black" src="/logo-black.png">
<img class="logo-img-white" src="/logo-white.png" >
</a>

Но мне не нравится такое решение.
Думаю, может перевести логотив в svg и регулировать там цвета через css..
Но может есть более простые и изящные решения?

интернет-маркетинг. стратегии развития веб-проектов.

1609

SeVlad

19 мая 2021, 07:37

#1

sergey885 :
Но может есть более простые и изящные решения?

Куда уж проще...

Ну а так можно и через js выводить.

А есть ещё хитрые решения.

1

Бред, но можно ли с пом. css поменять значение елемента? - Веб-строительство - Сайтостроение - Форум об интернет-маркетинге

2021.04.26
searchengines.guru

То-ли я устал, то ли туплю, но наблюдаю следущее: Вот код хтмл, который выводится в браузере:

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.

W1

303

webinfo

19 мая 2021, 10:37

#2

CSS

background: url(/logo-black.png);

1

Мой форум - https://webinfo.guru –Там я всегда на связи

Дзен реализовал для авторов возможность вывода денег через СПБ

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы