You can customize the See It! mode to fit your corporate look.  For example, if you want to change the click graphic, find the bullseye.png and replace it with your graphic of the same name.

Note: Changes to options 2 and 3 also affects Try It! and Know It? modes.

The following images can be copied from the Customizable images folder in the Player style. The elements can be copied from the custom.css in the Player style unless otherwise noted.

• 1 Click graphic (bullseye.png): Use this to customize the graphic that displays when See It! mode clicks an action area.
   
• 2 Bubble border: Use these to customize the blue border around the bubble. The areas are top left curve ( b_01.png), top ( b_02.png), top right curve of bubble with x close button (b_03.png, b_03disab.png, b_03over.png), left side (b_04.pnb, right side (b_06.png, bottom left curve (b_07.png), bottom (b_08.png) and bottom right curve (b_09.pgn). Customizing these graphics affects the bubble for See It!, Try It! and Know It? modes.
   
• 3 Name of the play mode in the bubble header (.CurvedBoxText): Use this to customize the See It!, Try It! and Know It? header text and font.
   
• 4  Previous icon (previousstep.png): Use this to customize the Previous button.
   
• 5 Play/Pause icon (play.png/pause.png): Use this to customize the Pause button.
   
• 6 Next icon (nextstep.png): Use this to customize the Next button.
   
• 7 Restart icon (restartplayback.png): Use this to customize the Restart button.
   
• 8 Navigation bar color (.PlayerCombination): Use this to customize the color of the navigation bar.
   
• 9 Navigation border color (.PlayerCombination): Use this to customize the border color around the navigation bar.
   
• 10 Volume (volume_butt.png/volumemuted_butt.png): Use this to customize the Volume/Mute icon.
  
• 11 Show Help (more_butt.png): Use this to customize the Show Help icon. Show Help menu has the Preferences (prefs_button2.gif), Share and Help (help_button2.gif) icons.
   
• 12 Dimensions of SeeIt! window (.windowedsize): Use this to customize the size of the SeeIt! window.

Note: You can also copy css elements from other css files in the Player, paste them into the custom.css file in the skin and customize them. For example, you can customize the Actions link text (.CurvedBoxNav) and Actions menu (.AMenu) in the bubble header for Try It! and Know It? modes.

Table of Contents  Back