Изменение стилей или Подключение своего CSS файла

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

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

Такой же подход может сильно выручить, если вам нужно изменить стили для элементов, не зависящих от текущей темы оформления. Например, как на этом сайте я сделал для блока с комментами от Disqus. Благодаря такому способу мы можем не беспокоиться об их внешнем виде, даже если изменим тему оформления - отображение стилей на сайте станет более стабильным и последовательным.

В прошлой статье мы с вами создали папку 'fix' внутри директории тем 'sites/all/themes' для подключения файла JavaScript. На этот раз мы сделаем почти то же самое, только для CSS. Для наглядности давайте представим, что нам нужно изменить цвет фона для основного текста "Статей" (Article).

Итак приступим:

Создайте файл

Создайте CSS файл, назовите его, например, 'fix-background.css', и впишите туда следующие строки:

/* Изменение цвета фона для текста статьи */ .node-type-article #block-system-main {   background-color: navy; }

Чтобы лучше ознакомиться с CSS - можете посмотреть .

Сохраните его

Внутри вышеупомянутой директории 'fix' создайте другую под именем 'css', и сохраните в ней наш новый файл. У вас он должен расположиться по адресу: 'ваш.сайт/sites/all/themes/fix/css/fix-background.css'. Хочу подчеркнуть, что папка 'fix' - это не тема, а лишь общее место для небольших исправлений и дополнений в CSS и JavaScript.

Теперь активируем его!

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

Создайте блок В заголовке впишите '<none>' (без кавычек), а системный заголовок впишите на свое усмотрение Выбрав уже известный нам из прошлой статьи формат ввод 'PHP фильтр', впишите код, приведенный ниже

NB : Используйте 'PHP фильтр' осторожно, и доступ открывайте только для админа! Укажите, чтобы этот блок отображался в шапке сайта и сохраните <?php // Добавляем свой CSS drupal_add_css(     'sites/all/themes/fix/css/fix-background.css',     array(         'group' => CSS_THEME,         'weight' => 1000     ) ); ?>

Теперь просто почистите кэш, и внесенные изменения вступят в силу.

 

3D стерео фильмы для 5D
    Как купить билеты на поезд

    Я всегда в последнее время пользуюсь услугами настоящего интернет сайта. Он у меня внушает доверие. И здесь придбати квитки возможно в любое

    Ведущие корпоративов
    Хотя до наступления зимы осталось еще полтора месяца, многие коллективы уже сейчас планируют, как они будут встречать Новый год. Руководство рассматривает суммы, которые могли бы быть потрачены на корпоратив,

    Custom plugins and WordPress themes
    Шаблоны страниц в WordPress являются отличным способом изменить структуру страниц или добавить им функциональности. Создание собственного шаблона страниц может быть не простым делом, особенно для новичков,

    Продукт WooCommerce
    Каждый умный человек в современном мире прекрасно понимает, что в двадцать первом веке просто нельзя упускать возможность узнать или же научиться чему-либо новому. Особенно, если речь касается электронной

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

    Заказ такси в Киеве от 30 грн
    Если неудачи в жизни для вас нормой, в первую очередь необходимо проанализировать, откуда растут корни ваших проблем. Скорее всего, вы человек неорганизованный и постоянно опаздываете. В мегаполисе это

    Тайверб Тайверб
    Прочие ингредиенты: целлюлоза микрокристаллическая, повидон К30, натрия крахмалгликолят, магния стеарат, opadry желтый YS-1-12524-A. Лапатиниб содержится в форме лапатиниба дитосилата моногидрата. № UA/8847/01/01

    Шкафы купе в наличии
    Известно, что шкафы-купе поступили в ассортимент магазинов корпусной мели более 20 лет назад и сразу же заняли ведущие роли среди другой мебели. Их используют в помещениях, где разместить стандартный

    Копаксон
    Конкурентно замещает антигены миелина в местах связывания с молекулами главного комплекса гистосовместимости класса II на поверхности клеток, несущих антигены. Следствием этого является активация образования

    Begin.com.ua/
    Подбором персонала занимается HR-менеджер, но часто такая должность отсутствует в компании, и его обязанности берут на себя или директор, или его заместитель. Если выбор сотрудников окажется неправильным 

rss