Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Дэн в Чт 15 Авг - 23:04

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

Дэн
 

Сообщения : 180
Регистрация : 2011-12-13
Благодарности : 2

Без предупреждений

http://bakuganplay.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Luz в Пт 23 Авг - 18:52

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Luz
Администратор
Администратор

Женщина

Сообщения : 16441
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Пт 23 Авг - 20:46

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Пт 23 Авг - 22:33

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Luz в Пн 26 Авг - 14:28

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Luz
Администратор
Администратор

Женщина

Сообщения : 16441
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Пн 26 Авг - 23:52

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Пн 26 Авг - 23:58

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Luz в Вт 27 Авг - 11:47

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

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

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Luz
Администратор
Администратор

Женщина

Сообщения : 16441
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 12:47

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 13:24

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Luz в Вт 27 Авг - 13:55

Сейчас проверила -  ошибка не у вас, на демофоруме селектор тоже показывается только в 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" и т.д. - ваши названия стилей.
В последнюю строчку "Стиль по умолчанию" ничего подставлять не надо.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Luz
Администратор
Администратор

Женщина

Сообщения : 16441
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 14:21

Всё сделал, а селектор где? Пробовал сделать так:
Код:
<span id=temsel></span><script type=text/javascript src=адрес моего джаваскрипта></script>
Не видно((

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Luz в Вт 27 Авг - 14:28

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

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

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Luz
Администратор
Администратор

Женщина

Сообщения : 16441
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Luz в Вт 27 Авг - 14:30

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Luz
Администратор
Администратор

Женщина

Сообщения : 16441
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 14:34

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 15:01

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Luz в Вт 27 Авг - 16:12

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

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Luz
Администратор
Администратор

Женщина

Сообщения : 16441
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 16:17

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 27 Авг - 16:22

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22098
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 17:10

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

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 27 Авг - 18:32



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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22098
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 18:58

Код:
$("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("Светлый дизайн","http://bakucity.forum2x2.ru/200323-ltr.css");
  addstyle("Тёмный дизайн","");

});

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 27 Авг - 20:15

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

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

Вам надо обязательно подставить в Ваш скрипт второй вариант CSS (вместо ???):
Код:
  addstyle("Светлый дизайн","http://bakucity.forum2x2.ru/200323-ltr.css");
  addstyle("Тёмный дизайн"," ??? ");



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22098
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 20:46

Не понял!?

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 27 Авг - 21:17

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22098
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 21:19

Я в JavaScript не очень разбираюсь, можете дать дописаный?

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 27 Авг - 21:19

Код:
$("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("Светлый дизайн","http://bakucity.forum2x2.ru/200323-ltr.css");
  addstyle("Тёмный дизайн","http://calidasa.mirbb.net/29-ltr.css");

});



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22098
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 21:22

Всё равно предупреждения не работают, я вам свои имя и пароль скинул в ЛС

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 27 Авг - 22:14

Из ПА > Общие > Форум - Конфигурация > Ролевая игра Бакуган надо было удалить скрипт
Код:
<span id=temsel></span><script type=text/javascript src=http://bakucity.forum2x2.ru/18684.js></script>

Сейчас все работает, проверьте, пожалуйста.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22098
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Madara2027 в Вт 27 Авг - 22:29

Спасибо огромное, какой же я тупой, мной занимались два админа! Спасибоооо!!!

Madara2027
 

Сообщения : 36
Регистрация : 2013-08-22
Благодарности : 0

Без предупреждений

http://bakucity.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения