Setup Guide V1 (last updated December 8, 2006)

Designed for the Perception Series Templates and Modules

Top link bar intermediate tutorials

Please review the tutorials on CSS font (types, size, color).

What is it? Horizontal text menu buttons located at the top of the page.

The top link bar may contain 5-8 text links, or link buttons. The top link bar is embedded into each web page in your template using an 'include' page component, or Library file for Dreamweaver users. When you modify the top link bar include page, all pages in your web site using the embedded link bar will be updated as well. So you only need to made changes to one 'include page' in order to update all the pages in your web site. The appearance of the top link bar is controlled through a style sheet.


Change font type


  • open the Templates / styles folder
  • open the fonts.css file

scroll down to line 43 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 43 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 38-40 and edit the 'hex' value of the highlighted area's  below (edit the color for all 4 button states if you like)

 

Overview | Basic | Intermediate | Advanced