Flare may provide you with an initial skin in your project. You can open this skin, edit its settings, and associate it with any targets you want to build. However, you might decide to add another skin to the project so that you have different skins for different targets. For HTML5 output, you can also add smaller skin components
- Do one of the following, depending on the part of the user interface you are using:
- Ribbon Select the Project ribbon. In the Content section select New > Skin.
- Right-Click In the Project Organizer, right-click on the Skins folder and from the context menu select Add Skin.
The Add File dialog opens.
- In the File Type field at the top, make sure Skin is selected.
In the Source area select one of the following:
New from template Read more… Choose either the factory template file or one of your own customized template files as a starting point. The new file will take on all of the settings contained in the template. If you want to use the factory template provided by Flare, expand the Factory Templates folder and click on a template file. If you want to use your own customized template file, expand the appropriate folder and click on a file.
See About Templates.
- New from existing Read more… Choose an existing file of the same type as a starting point for your new file. As with template files, your new file will take on all of the settings contained in the file you select. To use this option, click the browse button , use the Open File dialog to find a file, and double-click it.
There are multiple kinds of skins for the various types of outputs:
Output Types Supported
There are two kinds of full HTML5 skins:
- Tripane (available in light and dark themes)
- Top Navigation
In addition, you can add several kinds of smaller skin components for different purposes.
See Skin Components .
Microsoft HTML Help
The vast majority of the skin styles pertain to WebHelp, WebHelp Plus, or WebHelp AIR output. But some of the settings (those that have to do with MadCap Feedback and toolbar items) also apply to Microsoft HTML Help. DotNet Help output only supports skin style changes for toolbar items.
WebHelp Mobile Skins
1You can also generate HTML5 skins without a skin. On the Skin tab of the Target Editor, you can set the Skin field to "none."
- (Optional) If you want to place the file into a subfolder that you previously created in the Project Organizer, in the Folder field click and select the subfolder. Otherwise, keep the default location.
See Creating Subfolders.
- In the File Name field, type a new name for the skin.
- (Optional) If you want to apply condition tags to the file, expand the Attributes section at the bottom of the dialog. Next to the Condition Tags field, click and select the conditions you want to apply. Click OK.
See Applying Conditions to Content.
- (Optional) If you want to apply file tags to the file, expand the Attributes section at the bottom of the dialog. Next to the File Tags field, click and select the file tags you want to apply. Click OK.
See Associating Tags with Files.
- Click Add. The skin is added to the Skins folder in the Project Organizer. The Skin Editor opens to the right. The Skin Editor displays only settings relevant to the selected skin type.
Note: You can download a variety of free skins with different looks from the MadCap Software website. Simply go to http://madcapsoftware.com/downloads/flareskingallery.aspx. After downloading the skin, you can import it into your project. See Importing Skins.
If you add HTML5 skin components, you also have the option of associating them with proxies and targets.
The Favicons skin component is the only one that is not associated with a proxy. Simply by adding and editing this type of skin component, your HTML5 output will include favicons (“favorite icons”) in the appropriate locations.