Lesson: Rollover Links

Okay, this is the clarification. With CSS, you can set the styles in a menu, categories in this example. So we have a list that says (without the php for now):

<div class="nav">
<ul><li><a href="fred.php">Fred</a></li>
<li class="active"><a href="alice.php">Alice</a></li>
<li><a href="sally.php">Sally</a></li>
</ul></div>

When you are styling CSS in static html, you can manually add class="active" to any specific LI item. The style “active” highlights that list item different than the other items in the list. This way we would automatically know that we are reading a post in the Alice category.

What is being requested (by others, not just me) is a way to set the class="active" based upon the category because we aren’t creating static pages now but dynamic pages. So there needs to be some kind of a php code that says:

IF category=1, then $active = "active", IF category=2, then $active = "active"....ELSE no nothing.

And then the list would look something like this (I don’t know PHP very well so I’m faking it for clarification):

<div class="nav">
<ul>
<li class="<?php $active ?>"><a href="fred.php">Fred</a></li>
<li class="<?php $active ?>"><a href="alice.php">Alice</a></li>
<li class="<?php $active ?>"><a href="sally.php">Sally</a></li>
</ul></div>

If the code worked, $active would become active if the category was being visited at that time.

Does this make sense?

There currently is no such feature on this.

Maybe soon.