TypeNav™
Nice typography for your HTML site nav.
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.
» Download TypeNav™ Font Option #8 now for free (zip)
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
|
|
|
|
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.
|
|
|||||||
|
|
|
|
|||||||||
|
|
|
|
|||||||
|
|
|
|
|||||||
|
|
|
|
|||||||||
|
|
|
|
|||||||||
|
|
|
|
|||||||||
|
|
Frequently Asked Questions
Please read through these before purchasing.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
Do the paid versions contain the "Powered by TypeNav™" in the right-click menu?
Yes. 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.
-
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.
_
5% of all sales are donated to the WWF. The World Wide Fund for Nature (WWF) is an international non-governmental organization for the conservation, research and restoration of the environment.
Shopping cart provided by e-junkie™.
Enter your email below to be the first notified when new products are released. No spam. Promise.
Sites Using Warm Forest
Jeremiah Shoaf (Cedar)
Customer Testimonials
“I wanted to let you know that I have my site up and running and could not be happier with it... I consider myself fairly tech savy, but when it comes to web programming I don't know a PHP script from a Photoshop file... I am positive that you have saved me countless frustrating hours and a good deal of money if I were to hire someone to put up a site of the same caliber.“
-Ron I.
Industrial Designer