Categories

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

Joomla 3.x. Как изменить основные цвета

Daniel Morales Январь 14, 2016
Rating: 5.0/5. From 3 votes.
Please wait...

Из этого туториала Вы узнаете, как изменить цветовую схему в шаблоне Joomla.

Joomla 3.x. Как изменить основные цвета

Большинство цветов шаблона можно изменить в файлах .CSS. Как правило, эти цвета задаются в файле template.css. Для того чтобы изменить цвета, Вы можете внести изменения в этот файл в админ панели Joomla.

Давайте, например, изменим цвет фона основной части страницы.

  1. Исследуйте элемент, используя плагин Firebug для браузера FireFox:

    Joomla_3_How_to_change_basic_colors_1

  2. Вы сможете увидеть файл и строку, где находится фрагмент кода, в который нужно внести изменения:

    Joomla_3_How_to_change_basic_colors_2

  3. Войдите в вашу админ панель Joomla.

  4. Перейдите на вкладку ‘Расширения’ > ‘Шаблоны’ (Extensions > Templates). Откройте вкладку ‘Шаблоны’ (Templates) слева:

    Joomla_3_How_to_change_basic_colors_3

  5. Нажмите на ссылку ‘Детали и файлы ThemeXXX’ (ThemeXXX Details and Files), где XXX — номер вашего шаблона:

    Joomla_3_How_to_change_basic_colors_4

  6. Откройте папку ‘CSS’, которая доступна слева:

    Joomla_3_How_to_change_basic_colors_5

  7. Откройте файл ‘template.css’:

    Joomla_3_How_to_change_basic_colors_6

  8. Найдите правило CSS, которое Вы ранее исследовали. Вы можете также искать по номеру строки:

    Joomla_3_How_to_change_basic_colors_7

  9. Измените код цвета по умолчанию на нужный Вам.

  10. Сохраните файл:

    Joomla_3_How_to_change_basic_colors_8

  11. Обновите страницу для просмотра изменений.

Вы можете аналогично изменить цвета любого другого элемента на вашем сайте.

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

Joomla 3.x. Как изменить основные цвета

Шаблон Joomla
Эта запись была размещена в Joomla! Туториалы и помечена как basic, color, joomla. Добавьте в закладки постоянную ссылку.

Submit a ticket

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