Adobe 65030089 User Manual - Page 373

Create custom skins for Adobe AIR projects, Fine-tune the palette, Modify font properties

Page 373 highlights

USING ROBOHELP HTML 10 367 Generating output 2 Right-click a skin. Select Compile. Create custom skins for Adobe AIR projects Adobe AIR Help Skin Editor helps you create and edit skins for Adobe AIR projects. 1 In the Project Set-up pod, right-click the Skins folder. Select New Skin. 2 Do one of the following: • Select Create Skin From Gallery. Click OK. Click the Adobe AIR tab. Select a skin. Click OK. Note: Adobe AIR project skins are associate with templates. So selecting a skin also means selecting the template with which the skin is associated. • Select Create Custom Adobe AIR Skin. Select a template and specify a skin name. Click OK. 3 In Adobe AIR Help Skin Editor, fine-tune the palette, the font style, and the icon set. Fine-tune the palette Select a palette from the available palettes and fine-tune it by changing the colors of various parts of the template. Use the Hue, Saturation, and Contrast values to make finer adjustments. 1 In Available Palettes, click a palette. Use the Next and Previous buttons to browse through palettes available in RoboHelp Gallery. 2 Change the background colors to customize the palette. Do any of the following: • Move the pointer over each background color. The preview shows where the color is used. • Click a background color and select another color from the color picker. • 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. 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

367
USING ROBOHELP HTML 10
Generating output
Last updated 7/13/2012
2
Right-click a skin. Select Compile.
Create custom skins for Adobe AIR projects
Adobe AIR Help Skin Editor helps you create and edit skins for Adobe AIR projects.
1
In the Project Set-up pod, right-click the Skins folder. Select New Skin.
2
Do one of the following:
Select Create Skin From Gallery. Click OK. Click the Adobe AIR tab. Select a skin. Click OK.
Note:
Adobe AIR project skins are associate with templates. So selecting a skin also means selecting the template
with which the skin is associated.
Select Create Custom Adobe AIR Skin. Select a template and specify a skin name. Click OK.
3
In Adobe AIR Help Skin Editor, fine-tune the palette, the font style, and the icon set.
Fine-tune the palette
Select a palette from the available palettes and fine-tune it by changing the colors of various parts of the template. Use
the Hue, Saturation, and Contrast values to make finer adjustments.
1
In Available Palettes, click a palette. Use the Next and Previous buttons to browse through palettes available in
RoboHelp Gallery.
2
Change the background colors to customize the palette. Do any of the following:
Move the pointer over each background color. The preview shows where the color is used.
Click a background color and select another color from the color picker.
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.