Adobe 65030089 User Manual - Page 371

Skins, About skins, Edit skins, Add skins to the gallery

Page 371 highlights

USING ROBOHELP HTML 10 365 Generating output Skins About skins Use skins to change the appearance of Adobe AIR, WebHelp, and FlashHelp systems. Skins apply to the left side of a window and the toolbar across the top of the output. Customize the Help system by changing colors, buttons, fonts, and icons, and by adding backgrounds and logos. RoboHelp includes predefined skins in the RoboHelp Skins Gallery. Edit skins Follow this procedure to edit WebHelp and AIRHelp skins from within RoboHelp. Changes to skin properties take effect the next time you generate using the skin. If you localize a project, default skin text is translated using the project language setting. If you edit skin text, RoboHelp overrides customizations in the LNG file. Note: FlashHelp skins are edited with FlashHelp Skin Development Kit. See "Customize FlashHelp skins" on page 370. 1 In the Project Set-up pod, expand the Skins folder. 2 Right-click a skin. Select Edit. 3 Depending on the skin type, WebHelp Skin Editor or Adobe AIR Help Skin Editor launches. Set options, as needed. Note: Some options aren't available, depending on the output type. 4 Click OK. 5 Click Update View to view changes in the dialog box. Click Preview to view the changes in a separate window. Tips: • Use URL icons for website links, or use folder icons instead of book icons. • To use TOC icons that are a different color, browse to the Image Gallery. The gallery is in C:\Program Files\Adobe\Adobe RoboHelp [version]\ RoboHTML\gallery\images\Books_and_Pages. You can also edit the image color in a graphics editor. • When generating a project with custom toolbar items, select the custom button in the Navigation dialog box. • To remove a button from a skin without deleting the image file, clear the option when you generate the project. Do not clear it in the WebHelp Skin Editor. • Additional files, such as image files or JavaScript files for buttons, reside in the Project Folder\!SkinSubFolder!\. The skins reside in separate subfolders in the !SkinSubFolder! folder. • To specify a script that uses other files (such as HTML files or image files), copy these files to the skin subfolder under !Skinsubfolder!. More Help topics "Create custom skins for WebHelp and WebHelp Pro projects" on page 368 "Create custom skins for Adobe AIR projects" on page 367 Add skins to the gallery Store or reuse skins across projects by adding them to Skins Gallery. 1 In the Project Set-up pod, expand the Skins folder. Last updated 7/13/2012

  • 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
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422

365
USING ROBOHELP HTML 10
Generating output
Last updated 7/13/2012
Skins
About skins
Use skins to change the appearance of Adobe AIR, WebHelp, and FlashHelp systems. Skins apply to the left side of a
window and the toolbar across the top of the output. Customize the Help system by changing colors, buttons, fonts,
and icons, and by adding backgrounds and logos.
RoboHelp includes predefined skins in the RoboHelp Skins Gallery.
Edit skins
Follow this procedure to edit WebHelp and AIRHelp skins from within RoboHelp. Changes to skin properties take
effect the next time you generate using the skin. If you localize a project, default skin text is translated using the project
language setting. If you edit skin text, RoboHelp overrides customizations in the LNG file.
Note:
FlashHelp skins are edited with FlashHelp Skin Development Kit. See “
Customize FlashHelp skins
” on page
370.
1
In the Project Set-up pod, expand the Skins folder.
2
Right-click a skin. Select Edit.
3
Depending on the skin type, WebHelp Skin Editor or Adobe AIR Help Skin Editor launches. Set options, as needed.
Note:
Some options aren’t available, depending on the output type.
4
Click OK.
5
Click Update View to view changes in the dialog box. Click Preview to view the changes in a separate window.
Tips:
Use URL icons for website links, or use folder icons instead of book icons.
To use TOC icons that are a different color, browse to the Image Gallery. The gallery is in C:\Program
Files\Adobe\Adobe RoboHelp
[version]
\ RoboHTML\gallery\images\Books_and_Pages. You can also edit the
image color in a graphics editor.
When generating a project with custom toolbar items, select the custom button in the Navigation dialog box.
To remove a button from a skin without deleting the image file, clear the option when you generate the project. Do
not clear it in the WebHelp Skin Editor.
Additional files, such as image files or JavaScript files for buttons, reside in the Project
Folder\!SkinSubFolder!\<Skin Name>. The skins reside in separate subfolders in the !SkinSubFolder! folder.
To specify a script that uses other files (such as HTML files or image files), copy these files to the skin subfolder
under !Skinsubfolder!.
More Help topics
Create custom skins for WebHelp and WebHelp Pro projects
” on page
368
Create custom skins for Adobe AIR projects
” on page
367
Add skins to the gallery
Store or reuse skins across projects by adding them to Skins Gallery.
1
In the Project Set-up pod, expand the Skins folder.