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

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


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

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

<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
Юзер

BAHO - 9 июня 2014 21:02 -

Удалил

andros0705
Юзер

andros0705 - 9 июня 2014 21:11 -

Удалил?

andros0705
Юзер

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


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

LazyDev
PHP-developer

LazyDev - 9 июня 2014 21:46 -

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

Мой блог: LazyDev.pro

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

andros0705
Юзер

andros0705 - 9 июня 2014 21:51 -

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

vk_33844145
Юзер

vk_33844145 - 9 июня 2014 22:15 -

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

andros0705
Юзер

andros0705 - 9 июня 2014 22:23 -

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

vitnet
PHP-developer

vitnet - 9 июня 2014 22:33 -

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

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

LazyDev
PHP-developer

LazyDev - 10 июня 2014 00:10 -

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

Мой блог: LazyDev.pro

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

vitnet
PHP-developer

vitnet - 9 июня 2014 22:27 -

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

andros0705
Юзер

andros0705 - 9 июня 2014 22:33 -

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

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

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

наверх