Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Смена стиля "Ночь/День"

Смена стиля "Ночь/День"


     09.06.2014    Стили (CSS)    1631

вопрос
Снова приветствую всех знатоков и новичков данного ресурса!
Вчера возник такой вопрос. А точнее нашел интересный код вот только он не полностью реализован.

<ul class="switch skin-switch">
              <li id="skin-switch" class="switch__item switch__item--black">
              <a href="#" data-click-track-id="eyebrow-skin-white" rel="gamespot_white" data-rel-url="{THEME}/css/gamespot_white.css" data-richtexteditortheme="wysiwyg_white" data-richtexteditortheme-url="{THEME}/css/wysiwyg_white.css" class="skin-switch-btn white switch__btn  tipsy " data-original-title="День">С</a>
              <a href="#" data-click-track-id="eyebrow-skin-black" rel="gamespot_black" data-rel-url="{THEME}/css/gamespot_black.css" data-richtexteditortheme="wysiwyg_black" data-richtexteditortheme-url="{THEME}/css/wysiwyg_black.css" class="skin-switch-btn black switch__btn  tipsy " data-original-title="Ночь">С</a>
              </li>
              </ul>


Кто сможет помочь с данным кодом? Нужно чтобы по клику на кнопку стиль менялся на темный и светлый с запоминанием. Данная система реализована на сайте gamespot(точка)com сверху в главном меню на сайте и форуме.
Заранее благодарю.

Ответил: andros0705


Нашел решение))
Код кнопки:
<ul class="switch skin-switch">
              <li id="skin-switch" class="switch__item switch__item--black">
              <a href="#" data-click-track-id="eyebrow-skin-white" rel="gamespot_white" onclick="setDynCSS('{THEME}/css/gamespot_white-1.css')" data-richtexteditortheme="wysiwyg_white" class="skin-switch-btn white switch__btn  tipsy" data-original-title="День">С</a>
              <a href="#" data-click-track-id="eyebrow-skin-black" rel="gamespot_black" onclick="setDynCSS('{THEME}/css/gamespot_black-1.css')" data-richtexteditortheme="wysiwyg_black" class="skin-switch-btn black switch__btn  tipsy " data-original-title="Ночь">С</a>
              </li>
              </ul>


Код JS:

<link id="dyncss" rel="stylesheet" type="text/css" href="">  
<script type="text/javascript">  
function setDynCSS(url) {  
if (!arguments.length) {  
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];  
if (!url) return '';  
}  
document.getElementById('dyncss').href = url;  
var d = new Date();  
d.setFullYear(d.getFullYear() + 1);  
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');  
return url;  
}  
setDynCSS();  
</script>

Комментарии пользователей (11)

BAHO
48

171 | 54

BAHO - 9 июня 2014 21:02 - Юзер

Удалил

andros0705
103 | 17

andros0705 - 9 июня 2014 21:11 - Юзер

Удалил?

andros0705
103 | 17

andros0705 - 9 июня 2014 21:28 - Юзер

<link id="dyncss" rel="stylesheet" type="text/css" href="">  
<script type="text/javascript">  
function setDynCSS(url) {  
if (!arguments.length) {  
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];  
if (!url) return '';  
}  
document.getElementById('dyncss').href = url;  
var d = new Date();  
d.setFullYear(d.getFullYear() + 1);  
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');  
return url;  
}  
setDynCSS();  
</script>


<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 1.css')">  
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 2.css')">


Кто что скажет насчет вот этого варианта?

Gameer
224

1120 | 395

Gameer - 9 июня 2014 21:46 - Эксперт

andros0705, сделай через пшп авто смену по времени у юзера, так вообще збс будет

Истина в противоречии.​

andros0705
103 | 17

andros0705 - 9 июня 2014 21:51 - Юзер

Да я в том то и дело хочу чтобы не автосмена была Вов, хочу именно как на геймспоте, а вот как ее сделать хз вообще. У тебя как со временем вообще? Не за так конечно же) Не сможешь помочь в этом вопросе? До конца рип довести)

vk_33844145
1

30 | 5

vk_33844145 - 9 июня 2014 22:15 - Юзер

А что мешает вас сделать два шаблона один белый и черный, просто делайте бэкап самого сайта создайте папку с новым дизайном и в ксс меняйте что нужно, и в админке разрешите на смену дизайна

andros0705
103 | 17

andros0705 - 9 июня 2014 22:23 - Юзер

не не, именно на кнопочку хочется чисто смена стилей.

vitnet
218

2171 | 930

vitnet - 9 июня 2014 22:33 - Эксперт

Цитата: Gameer
через пшп

ПШП, О_о что-то новое?

Gameer
224

1120 | 395

Gameer - 10 июня 2014 00:10 - Эксперт

vitnet, новый язык разметки :D

Истина в противоречии.​

vitnet
218

2171 | 930

vitnet - 9 июня 2014 22:27 - Эксперт

andros0705,
Ну так для этого по любому нужно 2 варианта шаблона собрать, или просто меняйте цвет фона и текста ;)

andros0705
103 | 17

andros0705 - 9 июня 2014 22:33 - Юзер

Оно в том то и дело уже собрано, есть 2 css с темными и светлыми тонами. нужно реализовать смену на куках.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы