2014-01-05 2 views
0

Я создаю навигационную панель CSS, которая хранится в папке с именем «includes». В принципе, я хочу, когда нажимается ссылка, чтобы она стала активной. Im ссылку на эту папку с "include ('includes/header.php');"Навигация CSS с PHP включает

enter image description here

Мой CSS является:

nav ul li a { 
font-size:22px; 
color:#fff; 
height:67px; 
line-height:67px; 
text-decoration:none; 
min-width:101px; 
text-align:center; 
float:left; 
background: grey; 
border-right:1px solid black;} 

nav ul li a.current, nav ul li a:hover {padding-bottom:5px;} 

Содержание header.php является:

<header> 
<div class="container"> 
<nav> 
    <ul> 
     <li><a href="index.php">Home</a></li> 
     <li><a href="services.php">Services</a></li> 
     <li><a href="#">Blog</a></li> 
     <li><a href="/forum/index.php">Forums</a></li> 
     <li><a href="contact.php">Contact</a></li> 
     <li><a href="#">Account</a></li> 
    </ul> 
</nav> 

Как я могу идти об использовании этого метода, и если каждая ссылка активирована при нажатии?

+1

Не могли бы вы поделиться некоторыми из содержания вашего АЭМ код der.php? – Dragony

ответ

0

я сделал что-то подобное в прошлом, очень похожее на то, что сказали Ромны:

я назвал каждую страницу что-то вроде и включен файл нав:

<?php $page = 'one'; 
require_once'./template/nav.php';?> 

Вот содержание моего файла нав :

<ul class="nav navbar-nav"> 
<li <?php echo ($page == 'one') ? "class='active'" : ""; ?> > 
<a href="http://example.com">Home</a></li> 
<li <?php echo ($page == 'two') ? "class='active'" : ""; ?> ><a 
href="http://example.com/page-two">Page two</a></li> 
<li <?php echo ($page == 'three') ? "class='active'" : ""; ?> ><a 
href="http://example.com/page-three">page three</a></li> 
</ul> 

Надежда, что помогает

1

Вы могли бы сделать что-то подобное для заголовка

<ul> 
    <li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li> 
    <li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li> 
    <li><a <?php if (isThisTheCurrentPage) echo 'class="current"'?> ...>...</a></li> 
    ... 
</ul> 

После того, как я должен был сделать что-то подобное, и я достиг этого, установив некоторые переменные в начале каждого файла PHP. Затем header.php должен проверять эти переменные в операторах if.

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