CSS для разных страниц

Главные вкладки

Аватар пользователя HooliganS HooliganS 21 июня 2011 в 17:12

Друзья помогите пожалуйста, голову сломал.
Не пойму как правильно сделать, кто может на пальцах растолкуйте пожалуйста, уж очень надо.
Задача заключается в том что бы на разных страницах сайта изображение в шапке было разное. Тип материала один и тот же page. И так стиль страницы как это всё выглядит находиться в style.css, соответственно это стиль подключается в файле *.info за это отвечает строчка stylesheets[all][] = style.css. Всё это вместе формируется из page.tpl.php.
Хотелось бы к примеру страница about имела своё изображение с цвет заливки. Что требуется?
1. Думается можно создать файл style1.css там всё что нужно сделать, но как его подключить именно к странице about?
2. Другой вариант создаём файл page-about.tpl.php он как раз будет отвечать за страницу about, но вот как тут внести изменения тоже не пойму, может как-то к этому файлу можно подключить другой файл style1.css или где то в нём можно прописать требуемые изменения?
Спасибо за помощь.

Комментарии

Аватар пользователя q2_faith q2_faith 21 июня 2011 в 17:17

"HooliganS" wrote:
но вот как тут внести изменения тоже не пойму

прописать класс у объекта, у которого будет фон менять

Аватар пользователя Darteg Darteg 21 июня 2011 в 17:21

Берём второй вариант и в <body class="прописываем кастомный класс"> исходя из которого взаимодействуем со всеми элементами страницы.

Аватар пользователя andriyvit andriyvit 20 октября 2012 в 20:45

Один вопрос, если я прописал вверху , нужно ли его закрывать в конце страницы? сначала кажется все очевидно, - да, закрывать, но потом вспоминаешь, что закрывание футера вызывается в drupal 7 отдельно. Так как делать?:)

Есть еще другое решение, если просмотреть исходный код страницы , то видно что на каждой странице к тегу body добавляется класс, например если это главная, то у нее есть клас front, остальные страницы с классом not-front и т.д. Например нода 26 в боди будет иметь клас page-node-26.
В css файле просто создаем правило body.not-front {...}, которое переопределяет стандартный боди на всех страницах кроме главной.