- Customize the Player Graphics
- Customize the Player Graphics
- "c8519fb4-ff47-4f93-9073-b934a48261e6
- For example, if you want to change the background color of the header, find the .headerTransparent element and change the color value.
- You can customize many of the graphics in the Player interface to fit your corporate look.
- Gateway page
- The logo can be customized in two locations in the Player. The first location is on the Gateway page when you start up the Player. This graphic is called large_logo.gif. The second location is in the top left corner of the Player interface. This graphic is called small_logo.gif.
- Note:
- Customize Logo
- Other Player graphics, such as the banner, search, preferences, help, and log out icons can also be customized.
- Logo (small_logo.gif): This image controls the logo in the top left corner of the Player.
- 1
- Gradient (banner_image.png): This image controls the color gradient that fills the area containing the small_logo. The image is 425 x 1 pixels.
- 2
- Note:
- The default banner_image.png automatically resizes to the height of the logo (small_logo.gif). If banner_image.png is changed to a fixed size, (recommended size is: 425 x 54 pixels), and you change the height of the logo, you must resize the banner image 10 pixels higher than the new height of the logo.
- Divider lines (.background): Use .background to change the border and background color of the vertical divider bar between the Outline and Concept panes and the horizontal border around the Player toolbar.
- 3
- Blue Shading (.headerDivbar): Use this to change the height and/or color the blue shading in the Player toolbar.
- 4
- Color of outline background (.thover): Use this to customize the background color of the Outline pane.
- 5
- Color of selected outline item (.tselected): Use this to customize the background color of selected items in the Outline pane.
- 6
- Preferences Icon (prefs_button.gif): Use this to customize the Preferences icon (default is 16x16 pixels).
- 7
- Help Icon (help_button.gif): Use this to customize the Help icon (default is 16x16 pixels).
- 8
- Share Icon (share_link.gif): Use this to customize the Link icon (default is 16x16 pixels).
- 9
- Share link font & color (.share_link:link): Use this to customize the font and color of the Share link on the Player toolbar.
- 10
- Open Module/Section (module_o.gif): Use this to customize the Open Module/Section icon (default is 16x16 pixels). If an icon that is not 16 x16 pixels, the top left 16x16 pixels are used.
- 11
- Closed Module/Section (module_c.gif): Use this to customize the Closed Module/Section icon (default is 16x16 pixels).
- 12
- Topic Icon (topic.gif): Use this to customize the Topic icon (default is 16x16 pixels).
- 13
- large_logo.gif: Use this to customize the logo on the Gateway page.
- G
- logout_button.gif: 16x16 pixels (not shown). This icon appears only when the content being viewed is tracked via the Knowledge Center.