[Pro] softpress.com menu

Now that 5.4 is out, I’ve been tinkering much more with CSS Menus. I’ve noticed how the menu used on Softpress.com has an interesting set of effects. When you are on the Home page, “Home” is highlighted in the menu. If you then click “Products” the page that appears will remove the highlight box from behind “Home” and put the highlight box behind “Products.” Moreover, this menu remembers the previous menu tabs you’ve clicked on, and it dims the names of the clicked tabs accordingly.

Were these two menu effects created with CSS Menus? If so, how was it done? If not built with CSS Menus, then what is required to create these two menu effects?

Thank you,

James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m pretty sure that was done in Expression Engine. There was a write-up about that when the new site launched.

As to the look, you can apply padding to a link to give it a “box”, add a background color to the link to show that box, and use the :visited pseudo-selector to give links you’ve clicked on a different color than links you haven’t.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the reply, Walter.

But basically doing this (i.e., highlighting a tab according to the page you are on) would partially delink the navigation bar from the Master page. In other words, I would need to tweak the navigation bar on every single page in the site. And then if I one day need to make a change in the navigation bar, wishing to make that change on the Master Page so the change propagates to every page in the site, it wouldn’t work because the link to the master had been broken. Correct?

Best,

James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The CSS Menu Actions already includes a feature that highlights the
current page, right? If you check that on, you should see what you’re
looking for automatically. I believe the latest version also
highlights the main menu level if one of its submenu items is
selected, so it properly shows the “breadcrumb trail”. I don’t think
this will break the master/child link at all. If you wanted to change
the background color of the “here” link, you could do that with CSS, I
think. Something like this ought to do the trick:

<style type="text/css">
#fwNav1 li a.fwCurrent {
	padding 8px 12px;
	margin -8px -12px;
	background-color: #ff9;
}
</style>

Walter

On Jul 20, 2009, at 10:27 PM, JDW wrote:

Thanks for the reply, Walter.

But basically doing this (i.e., highlighting a tab according to the
page you are on) would partially delink the navigation bar from the
Master page. In other words, I would need to tweak the navigation
bar on every single page in the site. And then if I one day need to
make a change in the navigation bar, wishing to make that change on
the Master Page so the change propagates to every page in the site,
it wouldn’t work because the link to the master had been broken.
Correct?

Best,

James Wages


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options