Roodhout Natuurveredeling — How To Do
_MyMenu_
This site is made with iWeb, part of the iLife suite of apps from Apple.
The design is from an iWork Pages template.
It uses a custom menu from the source at the bottom of this page.
To add a menu to a page, add a textbox with a unique word : _MyMenu_
A JavaScript in the HTML Snippet adds a JavaScript to the <head> of this page.
Open the widget-markup file and view the source to see the JavaScript in the HTML Snippet.
View the file : widget0_markup.html
The JavaScript adds two Stylesheets to the <head> of the page and finds the textbox with the unique word to add the HTML code for the menu.
View the JavaScript : wyo_mymenus_default.js
The CSS files are part of the custom menus.
Most of the HTML code is stripped from the HTML file. Only the <UL> menu part is saved as a txt file and loaded.
View the file : wyo_menu.txt
All custom files are stored in folder customstuff. Find them in the Activity Window.
Recommended reading : Using the iWeb HTML Snippet
The pages are iPad friendly.
As decoration a shaded background is added with the JavaScript in the HTML Snippet. It only displays in Desktop browsers with sufficient monitor width and height.
More iPad friendly webpages made with iWeb :
Source : Free CSS Drop-Down Menu Framework
Kwartaalnieuwsbrief Nr. 17 — Najaar 2009