Forums

Styling Custom Header Menu to Highlight Current Page

Permalink
Hello! I have been working with Concrete5 for a client's site and everything is going great so far.

My question is:
I used this tutorial's php file :http://www.codeblog.ch/2009/04/concrete5-drop-down-menu/3/...
and my own CSS file to create a drop-down menu.
I would like to have the current active page highlighted when the user is on that page, however I'm not sure how to do that in this php file.

Any suggestions are welcomed! Thanks!
 
cannonf700 replied on at Permalink Reply
cannonf700
The themes that come packaged with C5 do this. it looks like a combo of css and html. this is the line of css I pulled from the default's style sheet, it reads:
#page #header #headerNav{ position: absolute; top: 14px; right: 0px; z-index:2; width:100%; overflow:visible;}
#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
#page #header ul.nav-header li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#999; font-size:13px; margin-top:0px }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#999999 }
#page #header ul.nav-header li.nav-selected{ border:1px solid #bbb; padding:2px 8px; }

(minus the <?php tags)
notice they set up a class for 'nav-selected.'
Try playing around with this and see what you get.
Mnkras replied on at Permalink Reply
Mnkras
concrete generates a class for the selected called nav-selected, im not sure if you can do it with that tutorial though,