DHTML examples tutorial

Navigation:  Quick Start Tutorials > Tutorial Projects and Templates >

DHTML examples tutorial

Previous pageReturn to chapter overviewNext page

Show/Hide Hidden Text

Tutorial location and name:

Location:My Documents\My HelpAndManual Projects\Examples\DHTML Examples
(in Windows Vista My Documents is called Documents)
Name:dhtml.hmxz

Subjects covered:

This tutorial shows you how to edit your project's HTML templates to create some more advanced formatting and effects. All the code required is included in the tutorial project, which you can also use as a template for your own projects. Once you have worked through all the lessons you will be able to:

Create non-scrolling headers A non-scrolling header stays visible while the user scrolls the text of your topic. Help & Manual's own help uses these headers. for your HTML Help and WebHelp output.

Add graphical navigation buttons to your topic headers, with and without mouseover effects When the user positions the mouse over the button it changes and becomes highlighted..

Add a Print link or button to your topic headers.

Use CSS styles to change the appearance and behavior of all the hyperlinks in your project.

Add customized icons to the TOC (table of contents) of your WebHelp projects.

Add a background to the TOC in WebHelp.

Add background images to topics and headers.

See also:

Using HTML templates