The topnav skin is new, only introduced in Flare 11. It replaces the three panes of the tripane with a simpler two-pane model that’s more up-to-date but that makes no provision for an index. If your table of contents is small only contains a few level 1 heads, if you don’t have an index, or if you simply want a look that’s says “web site” rather than “online help”, the topnav skin is for you. Learn how to create and apply a topnav skin to your projects.
- [Voiceover] In this video you'll learn how to create…and apply a top nav or top navigation skin.…So again, creating a top nav skin is easy.…I'll click up on the menu on file,…select the second option, new.…And when the add file dialog box opens up…I'll click the file type pull down again and select skin.…It asks us to select the skin template we want to use…and we decide HTML 5 top navigation…and for the file name I'll call it Lynda…topnav…skin.…
And click add.…So it opens in the top nav skin editor.…And on the setup tab you see there's a lot fewer options…because in some respects the top nav skin…is simpler than the tripane.…In other respects it's more complex…but the immediate option's a lot simpler.…Do we want the pane on the left or the right?…How many menu levels do we want to see?…The default is three but you can…go deeper than that if you want.…Styles I can set again all different types of settings…for things like background colors, logos,…search box properties, and more.…
And UI text, again let's me control the label…
Author
Neil Perlin
Released
7/11/2016- Creating content using topics
- Adding and managing topics
- Importing files
- Inserting graphics
- Creating a table of contents, glossary, and cross-references
- Adding hyperlinks
- Formatting documents with stylesheets
- Creating master pages
- Single sourcing content
- Using variables and snippets
- Generating output
Skill Level Beginner
Duration
Views
-
Introduction
-
Welcome48s
-
Project-based challenges2m 12s
-
-
1. Basic Concepts
-
What is Flare?1m 42s
-
Flare's interface6m 30s
-
-
2. Creating Content Using Topics
-
Topic concepts3m 55s
-
Basic topic tasks4m 59s
-
Managing existing topics3m 23s
-
Importing HTML files4m 1s
-
Inserting graphic objects3m 40s
-
3. Navigation
-
TOC concepts3m 46s
-
Basic TOC creation4m 55s
-
Creating online glossaries6m 29s
-
Hyperlinks3m 13s
-
Cross-references5m 58s
-
-
4. Add Formatting
-
CSS concepts4m 48s
-
CSS creation5m 50s
-
CSS application1m 57s
-
CSS modification4m 46s
-
Table stylesheets7m 30s
-
Skin concepts2m 14s
-
Tripane skin creation3m 40s
-
Topnav skin creation2m 34s
-
-
5. Single Sourcing
-
Single-sourcing definitions2m 55s
-
Variable concepts6m 24s
-
Snippet concepts6m 30s
-
-
6. Understanding Outputs vs. Targets
-
Outputs vs. targets4m 56s
-
Generating output4m 57s
-
-
Conclusion
-
Next steps1m 42s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Topnav skin creation