Office Live Small Business: Fix Site Navigation Style Inconsistencies While Hovering Over Links

Simon Witkiss wrote saying that Office Live's Site Navigation Links show an underline inconsistently when you hover over them. If you've already visited the link, you don't see the underline, as shown in Figure 1.


Figure 1: Visited links don't show an underline

On the other hand, if you've never visted the site, the underline is displayed, as shown in Figure 2.


Figure 2: Links not already visited show an underline

While it's not a showstopper, it's certainly an irritant. Simon posted a fix in a comment, but here it is again as an official tip, with accompanying figures. Add the following style to your style sheet:


.MSC_PrimaryNavLink:visited:hover
{
color:#ffffff;
font-size:12px;
text-decoration:underline;
}

Thanks, Simon!


Comments

November 20. 2009 11:18 PM

simon trainer

Do you know how to make a drop down menu for the OL navigation bar?

simon trainer

November 21. 2009 12:19 AM

acxede

I haven't tried out the dropdown navigation specifically, but I've written XSL markup to extract the primary and secondary navigation items from OL's settings. I've used it for custom navigation.

Making the secondary navigation dropdown off the primary would just need a script and the approriate changes to the XSL.

So yes, it should be possible.

But you'd need to use cusotm headers and custom navigation modules to parse the primary and secondary menu items from Office Live's settings. You'd also need a script for the dropdown to work. Depending of the script you use, you'll then have to lay out the appropriate XSL in the custom headers and/or custom navigation modules.

It's a non-trivial exercise, but you should be able to do it if you insist on having the feature.

acxede

Add comment




  Country flag

[b][i][u][quote]
Loading