[All Adaptavist Apps]

Page tree

I'm building a them and need navigation similar to the current nav on the adaptavist site.
i.e. a menubar that uses background images, highlight images, and selected images.

Can you guys please provide some insight on how you built the current nav?

Thanks,

  • Jonathan
  • No labels

2 Comments

  1. Unknown User (gfraser)

    We've used two images in our new theme:

    • A shadow image that is used on the tabs and the links bar directly below them
    • A background image for the <body> tag (adds the separator line under the logo / search box) - it's also used on the breadcrumb trail

    When the mouse moves over the tabs, we simply change the background colour of the tab using CSS. We gracefully degrade, as much as is possible, the design for users accessing the site via a preview tool such as Internet Explorer.

    You can see the full CSS used using a browser plugin such as Firebug if you're using Firefox web browser.

    The highlighting of the active tab or link is implemented with an as-yet unreleased feature called "flag logic" - we hope to be documenting that in the next month or so once it's confirmed ready for production use.

    1. Unknown User (amoran)

      Flag logic is available in the most recent 3.3.4 milestone releases, we are currently testing 3.3.4 on adaptavist.com and it has posed no major problems so far, we hope to release a final version some time in the next few weeks.