Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

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 (чёрный, как это показано в примере):

    Joomla_3.x._How_to_add_one_more_color_scheme_in_TM_Ajax_Style_Switcher_module

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

    Joomla_3.x._How_to_add_one_more_color_scheme_in_TM_Ajax_Style_Switcher_module2

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

    Joomla_3.x._How_to_add_one_more_color_scheme_in_TM_Ajax_Style_Switcher_module3

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

    Joomla_3.x._How_to_add_one_more_color_scheme_in_TM_Ajax_Style_Switcher_module4

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

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