Stylesheets for Online Help - Scott DeLoach, ClickStart

Developing Stylesheets for Online Help Scott DeLoach [email_address] Founder, Click Start Certified Instructor, Flare | RoboHelp | Captivate Author, MadCap Flare for RoboHelp Users © 2007 Click Start , Inc. All rights reserved.

Overview ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CSS Overview ,[object Object],[object Object],[object Object],[object Object]

Recommended sizing units ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

IDs and classes ,[object Object],[object Object],[object Object],[object Object],[object Object]

Margins and padding ,[object Object],[object Object],Content ................ .......................... .......................... Margin (light blue) Border (orange) Padding (dark blue)

‘ Stacking’ headings ,[object Object],[object Object],Heading 1 Body text… Heading 1 Heading 2

Formatting links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Removing underlines ,[object Object],[object Object],[object Object],Sample link

Highlighting links on hover or during click ,[object Object],[object Object],[object Object],[object Object]

Using a dotted underline ,[object Object],[object Object],[object Object],[object Object],Sample link

Styling external and email links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Styling links to documents ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Adding link icons ,[object Object],[object Object],[object Object],[object Object],[object Object],Sample external link

Layering information ,[object Object],[object Object],[object Object]

Formatting popups ,[object Object],[object Object]

Formatting popups ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Formatting popups ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Formatting hover text ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Showing/hiding all layers ,[object Object],[object Object],[object Object],Show all The brown fox jumped over the lazy dog.

Customizing lists ,[object Object],[object Object],[object Object]

Using an image as a bullet ,[object Object],[object Object],[object Object],[object Object],[object Object]

Add bullet icons to non-lists ,[object Object],[object Object],[object Object],[object Object],[object Object]

Removing indentation in lists ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Creating a print-specific layout ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Specifying a print-specific stylesheet ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Adding automatic page breaks ,[object Object],[object Object],[object Object]

Hiding elements in print ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Changing the background color and image ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Specifying a serif font ,[object Object],[object Object],[object Object],[object Object],[object Object]

Showing link URLs in print ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Visit Click Start (http://www.clickstart.net) …

Removing link colors and underlining ,[object Object],[object Object],[object Object],[object Object]

Formatting tables ,[object Object],[object Object]

Alternating row background colors tableRowFirst tableRowEven tableRowOdd tableRowEven tableRowOdd tableRowEven

Alternating row background colors

Highlighting rows on hover ,[object Object],[object Object],[object Object]

Designing without tables ,[object Object],[object Object]

Creating a non-scrolling region ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Page Title Page content ……………………... ...…………………………………… …………………………………… ... …………………………………… ...

Creating a non-scrolling region ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],body { height: 100%; max-height: 100%; overflow: hidden; padding: 0; margin: 0; }

Creating a non-scrolling region ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Creating a non-scrolling region ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Floating images ,[object Object],[object Object],[object Object],[object Object]

User customizable help ,[object Object],[object Object]

Changing the font size or stylesheet ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Questions? Scott DeLoach Founder, Click Start Certified Flare Instructor [email_address] CSS to the Point available www.lulu.com/clickstart

About Click Start ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Stylesheets for Online Help - Scott DeLoach, ClickStart

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Andere mochten auch

Andere mochten auch (6)

Ähnlich wie Stylesheets for Online Help - Scott DeLoach, ClickStart

Ähnlich wie Stylesheets for Online Help - Scott DeLoach, ClickStart (20)

Mehr von Scott DeLoach

Mehr von Scott DeLoach (20)

Stylesheets for Online Help - Scott DeLoach, ClickStart