Menu

Walter’s
Location Indicator

An example by the Big Erns

Download this Freeway Pro 4.3.3 file (117.83 K)

  1. Create a menu
  2. Create the menu links using the Hyperlink dialog from the Edit menu
  3. While in the Hyperlink dialog window of the first link, open the Extended attribute window
  4. Create a new attribute named class with a value of one
  5. Create the other links with the extended class attribute values two, three, four etc.
  6. Select the first link page. Under the Page menu select Extended. Create the new attribute id with the value one.
  7. Select the other link pages and create extended id attributes for them with values of two, three, four, etc.
  8. Create the normal menu link and hover styles. For example, my menu is an unordered list that I defined with the class style .menu – so I would name the link style for it ul.menu a – and the hover style would be named ul.menu a:hover
  9. Create the page specific location indicator link and (if necessary) hover styles. One way to name the style would be #one a.one which is short for “hyperlinks with the .one class style contained by something with the id one”. If your page gets complicated, a more specific way to name this link style would be body#one ul.menu a.one which forces the browser into a much more narrow application of the style. To be that specific, you need to pay close attention to the names and arrangements of elements on your page.
     
    Optionally, since each page indicator has the same attribute definition, CSS allows you to bundle them all together by listing each name separated by a comma. The ensures that if you should change an attribute that change is reflected across all the stylenames that share that definition. Freeway currently makes it hard to type long strings into the tag name field, but with patience it can be done.
  10. Test your results. If there is a problem, look back over your style names to make sure there are no misspellings or improperly worded names.