Menus

Menus

How would one give the Main, Personnel, Sim.. so on and Main, News, Contact, Credits... so on links/buttons individual backgrounds? Without affecting each other?

I appreciate that could be complicated.

[AgentPhoenix]

Re: Menus

You'd probably need to use Javascript and actually search for specific text within the anchor tags and take action from there.

Re: Menus

How do I do that?

[AgentPhoenix]

Re: Menus

The easiest way is probably a 2-step process...

You'd need to build the Javascript with all your menu rules, like so:

Code: Select all

<script>
    $(document).ready(function()
    {
        $(".nav-main ul li a").find("Home").addClass("main-index");
    });
</script>

Then in your stylesheet, you'd do all your styles:

Code: Select all

.menu-main-nav {
    background: transparent url(../images/menu/some-image.jpg) no-repeat top left;
}

You'd repeat that for all of your menu items. You could do the CSS in your Javascript with a call to the css method, but that wouldn't be as clean.

The best way to do that is probably to put all your Javascript into its own file and put it at the root of the Nova site. If you do it that way, adding the functionality into another skin is a matter of pulling in the .js file and adding your CSS rules to the skin.