Изменение состояния панели навигации спрайта CSS при использовании PHP include - PullRequest
0 голосов
/ 11 февраля 2011

Для текущего проекта, который я делаю, я использую PHP-включения для моей навигационной панели, чтобы сэкономить время при внесении в нее изменений.Панель навигации состоит из спрайта CSS, который в настоящее время обслуживает фоновое изображение по умолчанию для тегов привязки и состояний a: hover.В этом случае наличие одинаковой навигационной панели, включенной на каждой странице через PHP include, очевидно, работает нормально, поскольку ни одно из этих состояний не должно быть условным для какой-либо из страниц.должен иметь различный раздел спрайта, видимый в зависимости от того, какую страницу пользователь посещает в настоящее время - просто чтобы показать ему, на какой странице он находится.каждой странице (то есть "page1Current") и просто измените CSS соответствующим образом.Однако, используя метод PHP include, я не могу найти способ обойти это.

Я предполагаю, что, используя немного больше PHP, можно было бы использовать какой-то IFзаявление, чтобы получить адрес страницы и использовать его, чтобы соответственно изменить CSS.К сожалению, я новичок в PHP, поэтому не могу полностью разобраться с этим.

Я не опубликовал ни одного кода, так как просто ищу правильную идею, но если это поможет, яможете опубликовать некоторые.

Любая помощь будет оценена :))

Rich

Ответы [ 2 ]

0 голосов
/ 11 февраля 2011

Вам не нужно больше php, вы можете установить класс или идентификатор для каждой страницы в теге body и дать всем вашим ссылкам также отдельный класс.* вашей контактной страницы - contact, а класс контактной ссылки в меню навигации - contact, вы можете стилизовать эту кнопку только на этой странице, используя:

0 голосов
/ 11 февраля 2011

Почему бы не включить какой-нибудь тег стиля в html, отображаемый с помощью include, который изменяет любой атрибут css, который вы хотите для своей панели, например:

<style type="text/css">#menu .navbar { background-position: 0 0 }</style>

в том числе # 1 и

<style type="text/css">#menu .navbar { background-position: 50px 0 }</style>

в том числе # 2

...