Understanding 3D nav bars


show more Understanding 3D nav bars provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Site Navigation with CSS in Dreamweaver show less
please wait ...

Understanding 3D nav bars

When you want your navigation to really pop off the page, what better approach than to apply a 3D look and feel? I've seen numerous examples where one or more elements of a web page appear to be in front of the other page areas. Let's take a look at a number of sites that incorporate 3D design techniques into their navigation. The first one is from a company called Mystery Tin. Here on the vertical navigation over on the left, you can see that the ribbon appears to wrap around the white rectangle that contains the navigation.

And as we scroll down and hover over the various ones, that pattern is followed with a different-colored ribbon that's also a little bit shorter, ao it indicates places that you could go but not necessarily places that you're at. And if we choose one, just to see what happens when we select the page, you can see that the larger green arrow again is being applied to show that this is the current page and then everything else is back to the shorter blue ...

Understanding 3D nav bars
Video duration: 2m 25s 3h 24m Intermediate

Viewers:

Understanding 3D nav bars provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Site Navigation with CSS in Dreamweaver

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...