The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.

If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.

Emotions

Happy

when your day is going good.

Mad

when your day is going bad and your in a bad mood.

Emotional

when your day is frustrating.


Fun Times

when your in the mood for a basketball game.


Sad

when your having a sad day.