Great pages plugin from adsworth.info that helps with page navigation in WordPress. Andreas Viklund is using it in WP Andreas 09 but Litquake wanted the top menu to have different hover over qualities. I knew I could get the "current" state to be a certain class and could easily do it by manually putting in a menu, but then it would lose Andreas's fantastically automated pages and sub-navigation.
After way too long with it, I finally did do the top nav manually but then used the automated page nav below but excluded the root (parent) level of links. I could then give the top level (parents) individual CSS hover classes like so:
-
</ul>
Here's the CSS for the buttons:
-
#about li.about a, #about a:hover {
-
background-image: url(images/lq-016-about-55x31.gif);
-
background-repeat: no-repeat;
-
background-position: center bottom;
-
}
-
#festival.currentparent, #festival a:hover {
-
background-image: url(images/lq-016-festival-96x28.gif);
-
background-repeat: no-repeat;
-
background-position: center bottom;
-
}
-
#press a:hover {
-
background-image: url(images/lq-016-press-62x35.gif);
-
background-repeat: no-repeat;
-
background-position: center bottom;
-
}
Then I removed the root level (parent) level of the automated page plugins so it only showed the children (and grand children). I still can't get the class to stick when it's on that page (so the About page has the red question mark when you're on that page, not just hovering over the link). Maybe it's just a CSS issue or maybe it's something to do with something of an automated "current" class code:
-
<style type="text/css">
-
# a {
-
color: #CC0000;
-
background-image: url(http://www.litquake.org/wp-content/themes/wp-andreas09/images/lq-016-20x5.gif);
-
background-repeat: repeat-x;
-
background-position: center bottom;
-
}
-
</style>
Related posts:
Hi. Good site.