Setup Guide V1 (last updated January 4th, 2007)
Designed for the Freedom Series Templates and Modules
Vertical menu (body) intermediate tutorials
Please review the tutorials on CSS font (types, size, color).
Vertical menu buttons located in the body
section of the web page, usually aligned to the left of the
page.
The vertical menu bar, is actually an 'un-ordered' bullet
list, that uses CSS (instructions from a Cascading Style
Sheet) which gives it a great look and interactive
functionality. This is a VERY search friendly menu bar that
does not use any JavaScript. This menu bar replaces the
older FrontPage Navigation buttons, that did rely upon
JavaScript. As with all the navigation elements in your web
site, these buttons are embedded into your web page using an
'include' page component. Edit the include page, and all
pages using the Vertical Menu Bar will be updated.
Change font type
- open the Templates / styles folder
- open the fonts.css file
scroll down to line 92-95 and edit the 'font' name in the highlighted area below
Change font size
- open the Templates / styles folder
- open the fonts.css file
scroll down to line 92-95 and edit the 'number' value of the font size highlighted below
Change font colors
- open the Templates / styles folder
- open the fonts.css file
scroll down to line 92-95 and edit the 'hex' value of the highlighted area's below (edit the color for all 4 button states if you like)
Create multiple 'menu bars'
Please watch our video tutorial for a demonstration of how you can create multiple menu bars.
Create 'sub menu' bars
Please watch our video tutorial for a demonstration of how you can create multiple menu bars.