It uses the standard CSS Menus Action and extends the menu items with their own CSS styles. I’ve used nth child selectors in the CSS to target the second, third, fourth, etc menu items which works on all browsers apart from (you guessed it) IE 6, 7 and 8. These browsers will see the plain single coloured menu on the right.
On 26 Aug 2011, at 13:34, Sly wrote:
Does anyone know of a way to create a multi coloured CSS Menu Nav in Freeway?
That’s a great solution. I must admit that it hadn’t occurred to me to add a class to the links rather than the list items.
As you say this should now work in pretty much any browser.
The CSS Menus Action already creates class styles for the first and last menu items (fwFirstChild and fwLastChild). Assuming you leave one menu item as the base colour set in the CSS menus Action that leaves just three menu items that need targeting in your example.
I think your solution is great and should be consistent over all browsers which is the main thing.
I created a simple Action just before you sent your solution that adds class names (based on a base name) to all list items in a given list (like your menu). Although you still need to add the CSS to style these manually it should mean a lot less manually extending of links.
On 26 Aug 2011, at 16:42, Sly wrote:
Though slightly more buggering about than your neat solution, at least it panders to IE for now. Grrrr.