Изменяем CSS сайта

В этом разделе мы разберём как изменить внешний вид сайта на Joomla, (хотя всё, что здесь будет описано подходит и для других CMS), не зная CSS. Здесь не будет уроков по CSS, я буду предлагать готовые решения. Всё, что вам нужно, это вставить их в фалы сайта (как находить эти файлы и места правки мы тоже разберём).

 Начнём с того, что такое CSS. CSS это язык описания внешнего вида документа, в нашем случае сайта. Хочу подчеркнуть – не создание, а описание. С помощью CSS мы придадим нашему сайту уникальный вид, подгоним шаблон и его элементы под свой вкус.

 Способность изменять внешний вид сайта даёт нам возможность избежать скачивания шаблонов и дополнений из свободного доступа. Это вопрос безопасности сайта, меньше шансов занести скрытые ссылки и вредоносные скрипты.

 Для примера я взял стандартный шаблон Joomla– protostar. Установил демо-версию, для присутствия хоть какого-то контента. Создал вертикальное меню (расположив его в левой позиции), добавил пару пунктов в верхнее меню. На данный момент сайт имеет такой внешний вид:

 Двигаясь, постепенно, вперёд мы будем менять его внешний вид.

 Шаблон protostar предлагает нам две опции по изменению внешнего вида, это фон и цвет заголовков. Если ваш шаблон не поддерживает изменение фона, то варианты его изменения найдёте в статье на эту тему.

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

 И так, начинаем. Первым идёт изменение фона.