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

andros0705 09.06.2014 смена, стиль Все вопросы » Стили (CSS) 4232

вопрос

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

<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 комментариев

Юзер

172

BAHO - 2015-05-149 июня 2014 21:02 - #29884

Удалил

Юзер

103

andros0705 - 2015-05-149 июня 2014 21:11 - #29887

Удалил?

Юзер

103

andros0705 - 2015-05-149 июня 2014 21:28 - #29889

<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')">

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

PHP-developer

1696

LazyDev - 2015-05-149 июня 2014 21:46 - #29890

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

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

Юзер

103

andros0705 - 2015-05-149 июня 2014 21:51 - #29892

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

Юзер

vk_33844145 - 2015-05-149 июня 2014 22:15 - #29894

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

Юзер

103

andros0705 - 2015-05-149 июня 2014 22:23 - #29895

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