Setup Guide V1 (last updated December 8, 2006)

Designed for the Perception Series Templates and Modules

Icon bar intermediate tutorials

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

A text and graphic link bar for (HOME | CONTACT | SITEMAP) located in the 'Branding' area of the web page.

The icon bar contains just three links using a combination of text and graphics. The icon bar is embedded into each web page in your template using an 'include' page component or Library file for DW. As with the top link bar, editing the include page, will update all pages in your web site using the embedded icon bar.


Change font type


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

scroll down to line 29 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 29 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 29 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