• 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.