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

TypeNav™

Nice typography for your HTML site nav.

TypeNav

View a working demo in the main menu above or view the non-functioning demo below.

Help

Demo

Sick of using the same system fonts over and over again for your HTML site navigation? With TypeNav™ you can add rich typography to any HTML site nav. Just update an XML file with your links, choose your colors and styles and you are done. The font is embedded in the SWF so there is no need for you to own the font.

Features

  • Beautiful typography without the need to own the font
  • Tons of built-in design features to play with - colors, spacing, selected state styles, divider styles, blur effect and more!
  • Right-click to open links in new window/tab
  • Command-click to open a new tab and shift click to open a new window (works in Safari)
  • Easily make typenav.swf any size and adjust parameters to position the nav within the SWF for perfect fit and alignment within your site
  • Crisp, clear text and edges
  • 100% W3C standards compliant and degrades gracefully - users without the Flash plugin will see your default HTML menu

» View another live working demo here and here


TypeNav TypeNav

Each Font Option comes with tons of features to play with - colors, spacing, selected state styles, divider styles, blur effect and more!

Font Options

Choose the Font Option you like best - all versions of TypeNav™ have the exact same features like divider styles and selected states - the only difference is the font used.

Font Option 1 Font Option 2
Font option #1    » Download now (zip) Free!
Font option #2    » Download now (zip) Free!



Font Option 3 Font Option 4
Font option #3    » Download now (zip) Free!
Font option #4    » Download now (zip) Free!



Font Option 5 Font Option 6
Font option #5    » Download now (zip) Free!
Font option #6    » Download now (zip) Free!



Font Option 7 Font Option 8
Font option #7    » Download now (zip) Free!
Font option #8    » Download now (zip) Free!



Font Option 9 Font Option 10
Font option #9    » Download now (zip) Free!
Font option #10    » Download now (zip) Free!



Font Option 11 Font Option 12
Font option #11    » Download now (zip) Free!
Font option #12    » Download now (zip) Free!



Font Option 13 Font Option 14
Font option #13    » Download now (zip) Free!
Font option #14    » Download now (zip) Free!

Frequently Asked Questions

Please read through these before purchasing.

  1. How exactly does this work?

    Basically there are 3 files that make TypeNav™ work, "swfobject".js" which embeds the SWf, "typenav.swf" which is the actual menu, and "typenav.xml" which contains your links and customization settings.

  2. What can I customize?

    You can add as many links as you want, set the spacing, text color, roll over color, text selected color, background selected color, selected style, divider style, divider color, roll over blur amount, the X position in the SWF, the Y position in the SWF, the open link in new window text and the copy link to clipboard text.

    The best thing to do is download one of the free versions above, open up "typenav.xml" and start playing with the settings.

  3. Will this work on a site with a dark background instead of a white background?

    Yes. You can set the background to transparent so it can work on any kind of background.

  4. Do I need to have the font installed on my computer?

    No. All fonts are embedded in the SWF so you don't need to own them.

  5. Do I need to own Flash to use this?

    No. Everything is set through an external XML file so you don't even need to open Flash.

  6. Will this work on a dynamic or PHP site with a nav include like WordPress?

    Yes. This site uses PHP and I setup TypeNav™ in a nav include with no problem. Also check out my blog as well as this site which both use TypeNav™ with WordPress.

  7. Can't this just be done with CSS? Or am I missing something?

    You are missing something. :-) The whole point of TypeNav™ is the typography. You get rich typography with no need to create custom buttons and rollovers and dividers in Photoshop.

  8. Will my website visitors without the Flash plugin installed be able to navigate my site?

    Yes. TypeNav™ uses SWFObject to embed the Flash. With SWFObject you just write your nav in HTML and put it in a div, then if the user has the Flash plugin installed that div gets replaced with the Flash.

  9. What are the differences between the different Font Options? I noticed some have different divider styles and selected states.

    Every Font Option comes with the same options for divider styles, selected states and everything else. The only difference is the font. I just have them set differently in the previews to show what is possible.

    Please note that the 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.

  10. Does the Flash source code come with the download?

    No. Unlike my other products, TypeNav™ doesn't come with any of the Flash source files. They aren't necessary at all to work with the file and since most users won't have the needed fonts installed on their machines it would just cause problems when republishing the FLA.

See the TypeNav™ help section for more Frequently Asked Questions after purchasing.

Terms of Use

Warm Forest products may be used in any kind of personal and/or commercial project. Each purchase provides a single user, single website license. Warm Forest products and source code may not be redistributed or resold to other companies or third parties.

_

Shopping cart provided by e-junkie.

E-junkie Shopping Cart and Digital Delivery

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