|
1. Start with a new blank page.
2. In Page Design View, Tools > Options > Current site = Dynamic Page Layout with CSS enabled and curly quotes changed to straight quotes.
3. Highlight and copy this Menu HTML CODE.
4. Place a text box on your NOF page and hit Ctrl+T to bring up the code insertion area.
5. Hit Ctrl+V to paste code.
6. Edit text between <li> and </li> tags to change menu items.
7. Change "#" signs to absolute URLs. Example: "http://your_site.com/folder_on_server/page_name.html"
8. Highlight and copy this Menu CSS CODE.
9. Click somewhere on your page - preferably in the area or region where you want the menu to appear
10. Hit F3 to show the properties box and click on the HTML button.
11. Click the"Between Head Tag" and hit Ctrl+V to paste the code. Then click OK.
That's all there is to it. If you feel up to the challenge you can rework the given HTML and CSS codes to meet your particular needs. At the very least, we hope you found this exercise thought provoking.
|
