2014-01-22 4 views
-3

У меня есть файл меню «menu_include.php», который будет включен в 6 страниц. Я хочу, чтобы каждый элемент менялся на страницу. Допустим, мы находимся в «about.php», я хочу, чтобы «о» меняли цвета без ссылок. Как я могу это сделатьPhp Включить в .css

+0

Вот для чего нужны стили, верно? – jboneca

+0

У вас не может быть PHP в файле .css (если вы не настроили настройки сервера). – putvande

+0

http://www.mstudiostalk.com/2008/03/11/pure-css-to-display-the-active-page-in-the-navigation/ –

ответ

3

Простым способом сделать это будет установка переменной перед включением вашего меню, что-то вроде этого.

$currentPage = "about"; // change this on each page. 
include 'menu_include.php'; 

затем в вашем menu_include, вы могли бы сделать что-то подобное с каждой ссылкой

<nav role='navigation'> 
    <ul> 
    <li><a href="#" <?php if(isset($currentPage) && $currentPage == 'home'){ echo ' class="active" '; } ?> >Home</a></li> 
    <li><a href="#" <?php if(isset($currentPage) && $currentPage == 'about'){ echo ' class="active" '; } ?> >About</a></li> 
    <li><a href="#" <?php if(isset($currentPage) && $currentPage == 'clients'){ echo ' class="active" '; } ?> >Clients</a></li> 
    <li><a href="#" <?php if(isset($currentPage) && $currentPage == 'contact'){ echo ' class="active" '; } ?> >Contact Us</a></li> 
    </ul> 
</nav> 

Тогда можно стилизовать .active класс, чтобы изменить цвета, как вы хотите ..

.active { 
background:lime; 
} 

Редактировать: Чтобы ответить на ваш вопрос, да, вы захотите обернуть переменную и включить в теги php, как это. Я их не ставил раньше, т.к. Я предположил, что вы просто поместите их в существующие теги php.

<?php 
$currentPage = "about"; // change this on each page. 
include 'menu_include.php'; 
?> 

Это звучит, как вы могли бы хотеть, чтобы узнать немного больше о PHP, или даже посмотреть в использовании популярных CMS как Wordpress - http://wordpress.org Есть много учебных пособий/видео, которые могут помочь вам, но, к сожалению, я могу не пишите ВСЕ код для вас;) Попытка помочь как можно больше.

Обновление: В ответ на ваш последний вопрос вы можете добавить состояние зависания в ваш класс .onthepage.

.menu > li > a.onthepage:hover { 
    color:#f00; 
    font-weight:bold; 
} 

Этот способ не изменится, когда вы его наведете, я надеюсь, что это то, что вы собираетесь делать.

+0

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

+0

Что вас смущает? Допустим, вы находитесь на about.php, вы можете включить его так, как я делал раньше, а затем, например, на странице контакта. Вы сказали бы: $ currentPage = 'contact'; – codeaddict

+0

Мне хотелось бы, чтобы весь код был помещен на каждую страницу. Я хорошо знал об этом. например, это так:

Смежные вопросы