Как сделать переключатель для между тёмной и светлой темой сайта?

Adiper 15.08.2020 Переключатель, тёмная, светлая, тема Все вопросы » Шаблоны (TPL) 2032

вопрос

Здравствуйте, как можно реализовать переключатель между тёмной и светлой темой сайта. Есть шаблон Coolserial и там есть тёмная и светлая тема, нужно сделать переключатель между ними (без обновления страницы). Не делать как у стандартного шаблона DLE переключатель между шаблонами потому что если надо будет как-то редактировать шаблон, то придётся менять и в тёмной и светлой версии шаблона.

Нужно сделать примерно как на этом сайте, тут же есть код как это сделать, только у меня ничего не получить.
Ссылка на сайт

Ответа пока нет

6 комментариев

Юзер

Invokerlover - 2019-02-1315 августа 2020 15:00 - #77253

Вот, то что тебе нужно: https://teramoune.info/free/31-change-theme-mode.html

Хотя ты сам ссылку оставил на это, но за тебя вряд-ли кто-то будет шаблон ковырять, пытайся сам))

Юзер

163

redissx - 2019-02-1316 августа 2020 21:54 - #77275

Не сработало так как управление цветом происходит через класс dark, насколько я понял.А у вас не класс, а разные файлы css. Это надо код этого модуля менять, чтобы менялись пути у файлов css.

Эксперт

801

TeraMoune - 2019-02-1316 августа 2020 22:10 - #77276

В чём проблема, поправить и использовать тег для префикса подключения стиля или использовать в качестве альтернативного пути пути к стилю. ? А в js функции поменять смену класса на смену подключения стиля.

Показать / Скрыть текст

Меняете немного данные на вывод тега.
С

$theme_class = totranslit($_COOKIE['theme-class']);

На

$theme_class = "_".totranslit($_COOKIE['theme-class']);

Получаем на выходе префикс _dark. Подставляем тег к подключению стиля.


<link rel='stylesheet' type='text/css' href='{THEME}/css/style{theme-class}.css'/>

И будет два стиля style.css и style_dark.css

Если поменять так.

$theme_class = totranslit($_COOKIE['theme-class'])."/";

А в подключении стиля сделать так.


<link rel='stylesheet' type='text/css' href='{THEME}/css/{theme-class}style.css'/>

То результат будет таким {THEME}/css/style.css или {THEME}/css/dark/style.css

А в js применяете не смену класса, а подключение или замену объекта стиля на новый файл.

P.S. И всё это не ограничивается лишь одним классом или префиксом, в JS функции можно прописать полноценное меню с множеством разных вариантов. Можно как на пикабу сделать.

Тестовый репозиторий установки плагинов: teramoune

Юзер

Adiper - 2019-02-1317 августа 2020 20:40 - #77282

Извините, не заметил спойлер. Спасибо!

Юзер

Adiper - 2019-02-1316 августа 2020 22:17 - #77277

Помогите пожалуйста

Юзер

163

redissx - 2019-02-1317 августа 2020 13:07 - #77280

Adiper, вам все выше уже написали. Не можете справиться значит в стол заказов.

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?