Adobe 65030089 - Robohelp - PC Using Manual page 166

USING ROBOHELP HTML 10
Styles and style sheets
Add a media rule in topic styles
Follow this procedure when you want to define different media rules for a style in the style sheet that is currently linked
to a topic:
Choose Format > Styles.
1
In the Styles and Formatting pod, select a style to modify for a specific media. Right-click and choose Edit.
2
3 Select the media or screen profile name from the Media list.
Modify the style as required. For example, select a smaller font size.
4
Click OK.
5
Apply the style and view the output.
Link media-specific CSSs to a topic and add media attributes in HTML
Create different CSSs, link to a topic, and edit the HTML code to add a media attribute in the link tag.
Syntax of the link tag
<link rel="StyleSheet" href="<stylesheet_filename>" type="text/css" media="<media_type>"/>
Examples
<link rel="StyleSheet" href="screen.css" type="text/css" media="screen"/>
<link rel="StyleSheet" href="print.css" type="text/css" media="print"/>
Note: The above examples specify that screen.css and print.css are used for output for display computer screens and
printers, respectively. The media attribute requires predefined values, such as screen, print, projection, and handheld.
Map styles in Word/FrameMaker content to media-specific styles
While importing or linking Microsoft Word or FrameMaker content, you can map existing styles to different
media.Select File > Import or File > Link.
View content in media-specific styles in Design view
After applying media-specific styles to a topic, snippet, or master page, you can check the appearance of the content in
a specific media and modify the styles if required. The Design view displays the content with styles for the selected
media.
The styles associated with the media are displayed in the Styles and Formatting pod and the Formatting toolbar.
❖
Select the media from the Media list in the Format toolbar.
Delete a media-specific style
When you create a media-specific style, RoboHelp creates it from a generic style. When you delete the media-specific
style, only that media-specific style is deleted; the generic style is not deleted.
Do one of the following:
• Right-click the style sheet in Project Manager and choose Edit. In the Styles dialog box, select the media-specific
style you want to delete and click Delete.
• Select the media in the Format toolbar. Choose Format > Styles. In the Styles and formatting pod, select the media-
specific style you want to delete. Right-click and select Delete.
Last updated 7/13/2012
160