Adobe 65030089 User Guide - Page 345

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

Page 345 highlights

USING ROBOHELP HTML 9 339 Generating Help and printed documents You can change the image for the Sync TOC button. When you generate, select Synchronize TOC (Manually) to ensure that the button appears on the navigation bar. Note: The Hide Navigation Component button does not appear in all versions of Netscape Navigator when the output uses a skin. 4 Click the Navigation tab. Click the browse buttons to select images, and specify other settings as needed: Note: The toolbar is automatically resized to accommodate images. Images are tiled in backgrounds for the content and label region backgrounds. Topic/Page Select an image for TOC topics. Remote URL Select an image for links not in the project. Background Image Select an image to use in the background of the content region. The images are tiled. Hover Color Select a color to display when the pointer moves over links. 5 Click OK. 6 To rename the selected skin, right-click, select Rename, and type a name in the Name box. Note: You cannot rename skins in the gallery. 7 Click Update View to view changes in the dialog box. Click Preview to view the changes in a separate window. 8 Click OK. Type a name and filename for the skin, including the .skn extension. You can use the skin the next time you generate 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. 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

339
USING ROBOHELP HTML 9
Generating Help and printed documents
Last updated 12/14/2011
You can change the image for the Sync TOC button. When you generate, select Synchronize TOC (Manually) to
ensure that the button appears on the navigation bar.
Note:
The Hide Navigation Component button does not appear in all versions of Netscape Navigator when the output
uses a skin.
4
Click the Navigation tab. Click the browse buttons
to select images, and specify other settings as needed:
Note:
The toolbar is automatically resized to accommodate images. Images are tiled in backgrounds for the content
and label region backgrounds.
Topic/Page
Select an image for TOC topics.
Remote URL
Select an image for links not in the project.
Background Image
Select an image to use in the background of the content region. The images are tiled.
Hover Color
Select a color to display when the pointer moves over links.
5
Click OK.
6
To rename the selected skin, right-click, select Rename, and type a name in the Name box.
Note:
You cannot rename skins in the gallery.
7
Click Update View to view changes in the dialog box. Click Preview to view the changes in a separate window.
8
Click OK. Type a name and filename for the skin, including the .skn extension.
You can use the skin the next time you generate 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.