Adobe 65030089 User Guide - Page 343

Modify font properties, Customize icons, Create custom skins for WebHelp and WebHelp Pro projects

Page 343 highlights

USING ROBOHELP HTML 9 337 Generating Help and printed documents • Adjust hue, saturation, and contrast with the sliders. Selecting the check box below a background color lets you adjust the hue, saturation, and contrast for only that color. Note: You can save a customized palette in the gallery. Specify a name for the customized palette in the Selected Palette box and click Save. You can also remove customized palettes by deleting the XML file from %Application Data%\Adobe\RoboHTML\[version]\AIRSkinEditor\ColorThemes. Modify font properties Font properties include font type and font color. 1 Select a font from the drop-down list in Font Properties. 2 Select a style and click the color picker box. Style 1 Sets the font of text displayed on the header, footer, and main taskbar. Style 2 Sets the font of disabled and mouseovertext. Style 3 Sets the font of pod text. Customize icons Each template includes an icon set. You can change the icon set and edit the icon set by replacing existing icons with new icons. You cannot add or delete icons from an icon set. While replacing icons, maintain the default icon dimensions for best results. For example, if the dimensions of the default Add Comment button are 16x16, make sure that the new image has the same dimensions. Note: Supported file types for icons are .jpg, .gif, and .png. • To change the icon set, click Select New Set. Select an icon set from the drop-down list and click Select. • To edit the current icon set, click Edit Current Set. Select the icon you want to customize. Click Browse and select the image file that contains the new icon. Click Apply after you have replaced the image for each icon state. Note: If you cancel editing the skin after selecting a new icon set or applying changes to icons, these changes are not canceled. Create custom skins for WebHelp and WebHelp Pro projects The custom skin is saved as an SKN file to [Project folder]\!SkinSubFolder!\[skin name]. If you create a custom skin from a gallery skin, the gallery skin remains unchanged. 1 In the Project Set-up pod, right-click the Skins folder. Select New Skin. 2 Do one of the following: • Select Create Custom WebHelp Skin. Click OK. • Select Create Skin From Gallery. Click OK. Select a skin. (Optional) Click Preview to view the selected skin. 3 Click the Toolbar tab. Set options, as needed: Note: Some options aren't available, depending on the output type. Main Lists items that appear on the main toolbar. Add custom toolbar item (WebHelp and WebHelp Pro only) Click to add a custom button to the main toolbar. In the Custom Toolbar Item dialog box, define the text, image, or both for the button on the Text tab. Type spaces before or after the text to add space between the edge of the button and text. Last updated 12/14/2011

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380

337
USING ROBOHELP HTML 9
Generating Help and printed documents
Last updated 12/14/2011
Adjust hue, saturation, and contrast with the sliders. Selecting the check box below a background color lets you
adjust the hue, saturation, and contrast for only that color.
Note:
You can save a customized palette in the gallery. Specify a name for the customized palette in the Selected Palette
box and click Save. You can also remove customized palettes by deleting the XML file from %Application
Data%\Adobe\RoboHTML\[version]\AIRSkinEditor\ColorThemes.
Modify font properties
Font properties include font type and font color.
1
Select a font from the drop-down list in Font Properties.
2
Select a style and click the color picker box.
Style 1
Sets the font of text displayed on the header, footer, and main taskbar.
Style 2
Sets the font of disabled and mouseovertext.
Style 3
Sets the font of pod text.
Customize icons
Each template includes an icon set. You can change the icon set and edit the icon set by replacing existing icons with
new icons. You cannot add or delete icons from an icon set.
While replacing icons, maintain the default icon dimensions for best results. For example, if the dimensions of the
default Add Comment button are 16x16, make sure that the new image has the same dimensions.
Note:
Supported file types for icons are .jpg, .gif, and .png.
To change the icon set, click Select New Set. Select an icon set from the drop-down list and click Select.
To edit the current icon set, click Edit Current Set. Select the icon you want to customize. Click Browse and select
the image file that contains the new icon. Click Apply after you have replaced the image for each icon state.
Note:
If you cancel editing the skin after selecting a new icon set or applying changes to icons, these changes are not
canceled.
Create custom skins for WebHelp and WebHelp Pro projects
The custom skin is saved as an SKN file to
[Project folder]
\!SkinSubFolder!\
[skin name].
If you create a custom skin from a gallery skin, the gallery skin remains unchanged.
1
In the Project Set-up pod, right-click the Skins folder. Select New Skin.
2
Do one of the following:
Select Create Custom WebHelp Skin. Click OK.
Select Create Skin From Gallery. Click OK. Select a skin. (Optional) Click Preview to view the selected skin.
3
Click the Toolbar tab. Set options, as needed:
Note:
Some options aren’t available, depending on the output type.
Main
Lists items that appear on the main toolbar.
Add custom toolbar item
(WebHelp and WebHelp Pro only) Click to add a custom button to the main toolbar.
In the Custom Toolbar Item dialog box, define the text, image, or both for the button on the Text tab. Type spaces
before or after the text to add space between the edge of the button and text.