Joomla 3.x. Как добавить ещё одну цветовую схему в модуль «TM Ajax Style Switcher»

Из этого туториала Вы узнаете, как добавить ещё одну цветовую схему в модуль «TM Ajax Style Switcher» в Joomla 3.x.

Joomla 3.x. Как добавить ещё одну цветовую схему в модуль «TM Ajax Style Switcher»

Для того чтобы добавить ещё одну цветовую схему в модуль «TM Ajax Style Switcher», следуйте таким инструкциям:

1. Откройте и внесите изменения в файл template.css в папке templates\themeXXXX\css\ (где XXXX – это номер вашего шаблона).

2. Добавьте ещё одну схему на основе существующей схемы. Вам нужно скопировать следующее правило CSS:

   		#style_switcher div.color_scheme.color_scheme_4 {
     			background: #f4d03f;
   		}
   	

   и изменить в нём следующее:

   		#style_switcher div.color_scheme.color_scheme_5 {
   			background: #000;
   		}
   	

   Как Вы можете видеть, мы изменили номер 4 на номер 5 в селекторе, который ‘выберет’ / применит правило к нашей новой схеме. Мы также изменили цвет фона на #000 (чёрный, как это показано в примере):

   

3. Перейдите в папку templates\themeXXXX\css\color_schemes, скопируйте файл color_scheme_1.css (или любой другой, который называется color_scheme_X) и переименуйте его на color_scheme_5.css:

   

4. Измените цвета в файле color_scheme_5.css и загрузите его назад на сервер. Например, Вы можете заменить все значения #7ecefd на #000, используя инструмент замены CTRL+H. Обратит е внимание, Вы можете изменить не только этот цвет, но и остальные цвета:

   

5. Проверьте результат:

   

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Joomla 3.x. Как добавить ещё одну цветовую схему в модуль «TM Ajax Style Switcher»