Type & Grids - A Responsive HTML5 Template
Now iPhone/iPad/mobile compatible!

TypeNav™ Help

« Back to TypeNav™

Frequently Asked Questions

These questions are ordered by how common they are - most common at the top.

  1. How do I set which page is in the selected state?

    Look at the following line in the JavaScript embed code at the top of "index.html":

    var flashvars = {page: "1", xmlPath: "typenav.xml"};

    The page parameter sets which page is selected. So in the example above the first page is selected (page: "1").

  2. How can I make typenav.swf transparent so my site background shows through?

    See the following line in the JavaScript embed code at the top of "index.html":

    wmode: "opaque",

    Just set "opaque" to "transparent".

  3. How do I use this within a dynamic or PHP site that uses an include for the nav?

    Basically you just need to pass in the page number in the embed code dynamically. You can download an example nav include like I am using on this site here. Please note that I am in no way a PHP guru so there is probably a much better way of doing this, but this seems to work fine. FYI the "$thisPage" variable is just set in PHP at the top of each separate page in the nav.

  4. How can I change the font size?

    Unfortunately the font size is hardcoded for each TypeNav™ Font Option. The font size was carefully chosen to make the text as crisp and legible as possible while having pixel perfect control over the edges and antialiasing of the dividers and the selected state backgrounds.

  5. When I select "Copy Link to Clipboard" in the right-click menu, it is only copying part of the URL like "about.html" instead of "http://www.example.com/about.html". How can I fix that?

    You can either set your links in "typenav.xml" to be absolute (include the full path) or else take out the copy link feature all together by setting the attribute like the following:

    copyLinkText=""

  6. I can't get my nav to line up exactly - what should I do?

    In "typenav.xml" adjust "xPositionInSWF" and "yPositionInSWF" until everything lines up. You can also adjust the SWF size in the JavaScript embed code at the top of "index.html":

    swfobject.embedSWF("typenav.swf", "nav", "550", "50", "9", false, flashvars, params, attributes);

    The numbers 550 and 50 are the width and height. Just change those.

  7. What do the different selected styles do (selectedStyle)?

    1. Rounded rectangle
    2. Rectangle
    3. Underline

  8. What do the different divider styles do (dividerStyle)?

    1. Straight line
    2. Dotted line
    3. Dashed line
    4. Diagonal line
    5. Four dots

  9. How can I set the background color for the nav?

    See the following line in the JavaScript embed code at the top of "index.html":

    bgcolor: "#ffffff",

  10. How do I change the size of the SWF?

    Look at the following line in the JavaScript embed code at the top of "index.html":

    swfobject.embedSWF("typenav.swf", "nav", "550", "50", "9", false, flashvars, params, attributes);

    The numbers 550 and 50 are the width and height. Just change those.

  11. I need to move the "typenav.xml" file to a different location than the SWF - what should I do?

    Look at the following line in the JavaScript embed code at the top of "index.html":

    var flashvars = {page: "1", xmlPath: "typenav.xml"};

    Set the xmlPath parameter to the path to your XML file. For example:

    var flashvars = {page: "1", xmlPath: "/xml/typenav.xml"};

  12. On my site setup I'm not able to pass in the page and xmlPath parameters using flashvars. Is there another option?

    You can also pass in those parameters using a query string. Example:

    swfobject.embedSWF("typenav.swf?page=4&xmlPath=typenav.xml", "flashcontent", "500", "50", "9", false, flashvars, params, attributes);

    For more on working with SWFObject see the documenation.

  13. Can I set this to be used in a vertical format?

    No. It's only setup to be used horizontally.

  14. How can I make the nav text not be set in uppercase?

    Font Options that are set in uppercase letters can only be set in uppercase. A careful amount of letterspacing is set to the uppercase to make them look typographically as nice as possible. Having that letterspacing applied to the text set in lowercase wouldn't look right.

  15. Can I remove the "Powered by TypeNav™" in the right-click menu?

    No. Hopefully it's not too big of a deal but it really helps to get the word out about my site. Anyone who has started a new site knows how extremely hard it is making people aware that your site is out there.

  16. Can you create a custom menu for me?

    Email me at for custom work.

© 2016 Jeremiah Shoaf Design LLC. All rights reserved. | Super-customizable Flash for creatives | Privacy | Terms of Use