Изменение цвета фона

02.04.2015
У меня в теме Bartik были созданы(создавал др.чел) блоки "Версия для слабовидящих", "Размер шрифта", "Цвет фона". По некоторым причинам мне пришлось менять тему на Responsive Blog. Блок "Цвет фона" не работает, а остальные две норм. В коде блока написано:
  1. <!-- изменение стиля -->
  2. <h2>Цвет фона:</h2> <div id="color-theme">
  3. <div class="color-theme-white ct-div"><a href="#" id='btn_white'>а-я</a></div>
  4. <div class="color-theme-black ct-div"><a href="#" id='btn_black'>а-я</a></div>
  5. <div class="color-theme-blue ct-div"><a href="#" id='btn_blue'>а-я</a></div> </div>
  6. <!-- изменение стиля -->
Помогите пожалуйстаааа..... Очень надо чтобы блок "Цвет фона" заработал, так как мой сайт создан специально для слабовидящих.
-->
Узнавай о новых статьях сайта - первым. Просто подпишись на рассылку.

Комментарии (8)

Profile picture for user pantey
pantey
02.04.2015

фон у вас меняется, скорее всего через js, так что нужны исходники или ссылку на сайт, определить по HTML, что у вас не работает не получится.

Profile picture for user 1541
Ann1511
02.04.2015

Да, фон меняется, только в теме Бартик. А в новой, (Респонсив-блог) не меняется( css, js не владею, подскажите пожалуйста что там смотреть надо, я посмотрю, пороюсь.) Мне подсказали, что возможно новая тема не поддерживает изменение цветовой схемы, тогда я погуглила и сделала, так как здесь-->http://drup.by/snippets/vybor-cvetovoy-shemy-v-nastroykah-temy. Ничего не поменялось. А если перейти обратно на Бартик, то там выпадающее меню не поддерживается. Печаль вообще.

Profile picture for user 1541
Ann1511
02.04.2015

Вот ссылка http://tiflokniga-tuva.ru/

Profile picture for user pantey
pantey
02.04.2015

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

(function($, Drupal) {
  Drupal.behaviors.background = {
    attach:function() {
      
      var tekId = '';
      $('#color-theme .ct-div a').click(function(){
        tekId = $(this).attr('id');
        // white
        if(tekId == 'btn_white'){
          $('body').css({'background':'white'});
        }
        
        // black
        if(tekId == 'btn_black'){
          $('body').css({'background':'black'});
        }
        
        //blue
        if(tekId == 'btn_blue'){
          $('body').css({'background':'blue'});
        }
        
        return false;
      });
      
    }
  };
}(jQuery, Drupal));

добавьте этот код в ваш файл внутри темы - script.js

Profile picture for user 1541
Ann1511
02.04.2015

Спасибо огромное за код)
В папке js моей темы есть только
html5.js
jqyery.cycle.all.min.js
maim-menu.js
pngfix.min.js
slide.js
Мне надо новый файл script.js создавать или?

Profile picture for user pantey
pantey
02.04.2015

да создадите и потом через info подключите. Кеш очистить не забудьте.

Profile picture for user 1541
Ann1511
03.04.2015

Спасибо огромное! Вы мне очень помогли!
Все сделала так, как вы сказали. Меняется только задний фон. Или как там его. Можете перейти на мой сайт и посмотреть?
Также, я немножко изменила ваш код(видимо неправильно что то написала), чтобы было 3 вида, черным по белому, белым по черному и оранжевым по черному. Меняется только часть текста, ну и х_ен с ним, пусть будет частично. Главное чтобы фон нормально отображался)

(function($, Drupal) {
  Drupal.behaviors.background = {
    attach:function() {
       
      var tekId = '';
      $('#color-theme .ct-div a').click(function(){
        tekId = $(this).attr('id');
        // white
        if(tekId == 'btn_white'){
          $('body').css({'background':'white'});
		  $('body').css({ 'color':'black' });
        }
         
        // black
        if(tekId == 'btn_black'){
          $('body').css({'background':'black'});
		  $('body').css({ 'color':'white' });
        }
         
        //orange
        if(tekId == 'btn_blue'){
          $('body').css({'background':'black'});
		  $('body').css({ 'color':'orange' });
        }
         
        return false;
      });
       
    }
  };
}(jQuery, Drupal));

Попробовала вместо background написать background-color, не помогло. ХЗ зачем это делала)

Profile picture for user 1541
Ann1511
08.04.2015

Добрый день! уже 5ый день "дерусь" со своим фоном. Фон темы никак не хочет меняться. Не подскажете, в чем может быть проблема?