Adobe 65030089 User Manual - Page 376

Customize FlashHelp skins, Customize or create a skin with Flash, Modify the skin without Flash

Page 376 highlights

USING ROBOHELP HTML 10 370 Generating output To share a skin file (SKN) with others, define all customizable elements of the skin beforehand so that other authors can include or exclude certain elements when they generate output. Customize FlashHelp skins You can customize FlashHelp skins by replacing elements in an existing skin with elements from another skin. If you're a skilled Flash developer, you also can create a skin with Adobe Flash or the RoboHelp Skin Development Kit. The SDK includes instructions for using the kit and tips and tricks. Customize or create a skin with Flash Use an existing compressed skin file (FHZ) from the RoboHelp Skin Gallery or create one. 1 Download the Flash SDK from www.adobe.com/go/learn_rh_flash_sdk_en and make changes to the skin. 2 When finished with skin editing, share the compressed skin file (optional). Then, import the skin into the project. 3 Preview the skin. 4 When generating a FlashHelp layout, select the skin from the FlashHelp Options dialog box. Modify the skin without Flash FlashHelp skins are composed of Flash skin files (SWF files). Each SWF file is used for different skin elements, such as toolbar buttons and icons. Use Windows Explorer to replace individual SWF files in an existing skin with the SWF files of another. 1 Ensure that the project contains all the skins to use by importing them. 2 Navigate to !Skinsubfolder!\[skin name]. 3 Open the skin subfolder that contains the SWF files to copy. 4 Right-click the SWF file and select Copy. 5 Open the skin subfolder containing the SWF files to replace. 6 Paste and replace the files. 7 In RoboHelp, when you generate the project, select the newly modified skin in the FlashHelp Properties dialog box. When project generation has finished, click View Result to test the skin. Select and preview WebHelp or FlashHelp skins from the Skin gallery 1 In the Single Source Layouts pod, double-click a FlashHelp layout. 2 Click Gallery. 3 Select a skin. Click Preview to view it. Then click OK to select it. 4 Click Finish to generate the FlashHelp output. The skin is added to the project and appears in the Skins project subfolder with a Flash icon . FlashHelp vertical-style skins In vertical-style skins, toolbar icons have tool tips. Tool tips appear when the mouse hovers over the button. Prefix the names of these skins with "Vertical," such as Vertical-Breeze. Note: Vertical-style skins do not have a Search field in the toolbar. 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

370
USING ROBOHELP HTML 10
Generating output
Last updated 7/13/2012
To share a skin file (SKN) with others, define all customizable elements of the skin beforehand so that other authors
can include or exclude certain elements when they generate output.
Customize FlashHelp skins
You can customize FlashHelp skins by replacing elements in an existing skin with elements from another skin. If
you’re a skilled Flash developer, you also can create a skin with Adobe Flash or the RoboHelp Skin Development Kit.
The SDK includes instructions for using the kit and tips and tricks.
Customize or create a skin with Flash
Use an existing compressed skin file (FHZ) from the RoboHelp Skin Gallery or create one.
1
Download the Flash SDK from
www.adobe.com/go/learn_rh_flash_sdk_en
and make changes to the skin.
2
When finished with skin editing, share the compressed skin file (optional). Then, import the skin into the project.
3
Preview the skin.
4
When generating a FlashHelp layout, select the skin from the FlashHelp Options dialog box.
Modify the skin without Flash
FlashHelp skins are composed of Flash skin files (SWF files). Each SWF file is used for different skin elements, such as
toolbar buttons and icons. Use Windows Explorer to replace individual SWF files in an existing skin with the SWF files
of another.
1
Ensure that the project contains all the skins to use by importing them.
2
Navigate to !Skinsubfolder!\
[skin name]
.
3
Open the skin subfolder that contains the SWF files to copy.
4
Right-click the SWF file and select Copy.
5
Open the skin subfolder containing the SWF files to replace.
6
Paste and replace the files.
7
In RoboHelp, when you generate the project, select the newly modified skin in the FlashHelp Properties dialog box.
When project generation has finished, click View Result to test the skin.
Select and preview WebHelp or FlashHelp skins from the Skin gallery
1
In the Single Source Layouts pod, double-click a FlashHelp layout.
2
Click Gallery.
3
Select a skin. Click Preview to view it. Then click OK to select it.
4
Click Finish to generate the FlashHelp output.
The skin is added to the project and appears in the Skins project subfolder with a Flash icon
.
FlashHelp vertical-style skins
In vertical-style skins, toolbar icons have tool tips. Tool tips appear when the mouse hovers over the button.
Prefix the names of these skins with “Vertical,” such as Vertical-Breeze.
Note:
Vertical-style skins do not have a Search field in the toolbar.