Часть третья. Работа с CSS

Опубликовано: 31.05.2017

Большинство современных сайтов используют внешние таблицы стилей, для управления отображением страниц. В традиционной статичной HTML-странице, указатель на таблицу стилей должен быть помещен в страницу вручную с помощью HTML-кода (обычно в шапке страницы) Например:

Этот код говорит браузеру где искать таблицу стилей (mytheme.css) , которая контролирует отображение страницы. Страница сгенерированная Drupal , для браузера, может выглядеть также: указатели на таблицы стилей помещенные в шапку. Отличие скрыто от глаз, оно в том, что указатели на таблицы стилей добавляются автоматически. Некоторые стили могут добавляться самой темой, другие прикрепляются разными модулями Drupal (для обеспечения стиля «по умолчанию», для выводимой модулем информации). Вы можете добавить таблицы стилей в тему, а так же переопределить стандартные темы ядра, и поставляемых с ним модулей. При использовании под-темы можно перезаписать стили базовой темы.

Президент. Часть 3. Темная сторона ФАЭТОНА.

Добавление таблицы стилей

Тут объясняется как добавить таблицу стилей используя файл .info . Программное добавление таблицы стилей будет рассмотрено ниже.

Примечание: При работе с CSS, убедитесь что оптимизация CSS выключена. Это находится на странице "Administer > Site configuration > Performance". Пока оптимизация стилей включена, изменения не будут видны. Вы можете включить оптимизацию вновь, когда закончите. Файл .info кешируется, поэтому Drupal не заметит его изменения. Для очистки кеша, можно сделать следующее:

Лома vs Риго от Майка Монтеро часть 3.

Кликните по "clear all cached data" на странице "Administer > Site configuration > Performance". Если включен блок Devel (идет с модулем Devel), нажмите "Empty cache". Зайдите на страницу "Administer > Site building > Themes".

По умолчанию, если в файле .info не указанна ни одна тема, будет использоваться "style.css". Добавить новый стиль просто, для этого служит ключ 'stylesheets'. Запомните, что добавление какого-либо стиля предотвратит загрузку "style.css". Поэтому, если ваша тема использует «style.css», не забудьте добавить и его. Добавляем общую таблицу стилей