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

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

вопрос

Здравствуйте, как можно реализовать переключатель между тёмной и светлой темой сайта. Есть шаблон 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.

Эксперт

798

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, вам все выше уже написали. Не можете справиться значит в стол заказов.

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Вчера, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст