Кнопка "сменить стиль"

Здравствуйте. Хочу сделать так, что-бы на всех страницах была кнопочка "Сменить на тёмный дизайн/Сменить на светлый дизайн"
И когда туда нажимали менялся стиль. Благодарен за все представленные решения.

Здравствуйте, посмотрите, пожалуйста, подойдет ли вам такое решение : https://help.forum2x2.ru/t8959-topic

Спасибо! Пойду делать!
И ещё, если мне например захочется на дургом стиле сменить лого, что делать? Какой код CSS?

Так, я понял, что этот шаг можно пропустить и скопировать с Hitskin, всё сделал, а вот где должен селектор быть? Я вставил в описание форума, что-то там ничего нет...

Madara2027,
сейчас вижу на вашем форуме селектор "Выбрать стиль", могу даже выбрать "Светлый дизайн" (все работает), однако нет возможности вернуться к темному .

Значит кэш очистить надо, а как же сделать возврат??

Блин, у меня ничего не видно, скажите, где селектор? И по возможности дайте скрин...

Почему-то селектор видно в Firefox и не видно в Chrome.

Лучше всего попробовать заново очень аккуратно отредактировать страницу HTML , добавив также темный стиль (см. раздел "Как добавить дополнительные стили или убрать лишние" в туториале) и попробовать снова. Помните, что любые лишние изменения (в частности, переход на новую строку) могут вызвать сбои.

Найти причину ошибки очень сложно - лучше установить заново.
Если у вас не получится, я попробую установить вам это сама. Только добавьте ваш темный стиль к выбору стилей, как описано в туториале.

Хорошо, я уже знаю, как это сделать.

Тёмный стиль я сделал, всё работает. И вправду, в Фаерфоксе видно. И у меня только один вопрос, думаю вы уже всё поняли, как настроить отображение в других браузерах?

Сейчас проверила -  ошибка не у вас, на демофоруме селектор тоже показывается только в Firefox...

Но я нашла гораздо более простой способ - и он работает во всех браузерах  (надо будет потом сделать новый туториал).

Уберите все, что вы добавили по существующему туториалу (Описание форума,  страницу HTML),  и поставьте в Управление скриптами Javascript  "На всех страницах"  следующий код:

Код:


$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

$(function(){

  $("#frame_chatbox").load(function(){
    $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
  });

  $("iframe[name=smilies]").load(function(){
    $("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style type="text/css">body{margin:0!important;}</style>');
  });

  $("body").prepend('<select id="sstyle" onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>Выбрать стиль</option></select>');

  addstyle("Стиль 1","http://link_file_css");
  addstyle("Стиль 2","http://link_file_css");
  addstyle("Стиль по умолчанию","");

});

В этом коде вам надо изменить только следующие строки:


 

Код:


addstyle("Стиль 1","http://link_file_css");
addstyle("Стиль 2","http://link_file_css");

подставив вместо ссылок http://link_file_css  ваши ссылки вида http://bakucity.forum2x2.ru/200323-ltr.css
и вместо "Стиль 1" и т.д. - ваши названия стилей.
В последнюю строчку "Стиль по умолчанию" ничего подставлять не надо.

Всё сделал, а селектор где? Пробовал сделать так:

Код:

<span id=temsel></span><script type=text/javascript src=адрес моего джаваскрипта></script>

Не видно((

Нет-нет, про первый туториал нужно забыть и все, что было добавлено, убрать.

Вам нужно только поставить указанный код в Управление скриптами JS,
выбрать "Показывать : На всех страницах"

не забудьте активировать модуль "Управление скриптами JS"

Вижу селектор и в Хроме, и в Файерфоксе на вашем форуме.
Он просто в другом месте стоит - сверху в левом углу.

Аааааа, вижу! Спасибо вам! Спа-си-бо!!!!!!!!

Блин, только у меня после этого перестали работать модераторские и администраторские предупреждения.
Это капец...

Хм, возможно скрипты несовместимы....

Я покажу администратору Dana Domirani, возможно она сможет что-то посоветовать...

Хорошо, буду ждать.

Madara2027, какая именно часть предупреждения не работает? Теги [mod][/mod] не преобразуются и торчат в тексте? Или настройки CSS к блокам не применяются?

Тэги просто видны в сообщении, как текст: [mod]Не флуди![/mod]

Можете скинуть сюда финальный скрипт переключателя стилей, который у Вас на форуме стоит?

Поставила на тестовик

Работает и смена стилей, и адм|мод предупреждение.

Вам надо обязательно подставить в Ваш скрипт второй вариант CSS (вместо ???):

Код:

  addstyle("Светлый дизайн","http://bakucity.forum2x2.ru/200323-ltr.css");
  addstyle("Тёмный дизайн"," ??? ");

Не понял!?

Madara2027, У Вас в скрипте смены стилей недописан второй вариант CSS. Поэтому скрипт глючит.