Customizing the logo on the menu bar with skins

About this task

If you have enabled the skins, perform the following tasks:

Procedure

  1. Copy the INSTALL_DIR/repository/eardata/platform/war/skins/skin-name/common/menubar_anchor.jsp file to INSTALL_DIR/extensions/global/webpages/skins/skin-name/common/menubar_anchor.jsp.

    If the /global/webpages/common/ directory structure does not exist, create the required directory structure.

  2. Open the new menubar_anchor.jsp file and do the following:
    1. Search for logo.jpg to find the <img> tag referring to the IBM® logo. Change the <img> tag to point to your corporate logo, specifying the path as ="../console/icons/ (for example, for MyLogo.jpg you would use ../console/icons/MyLogo.jpg).
    2. Modify the CSS class defined for the logo.jpg <img> tag as per your requirement.
  3. Copy your image file to the INSTALL_DIR/extensions/global/webpages/icons/console/icons/ directory.

    If the /global/webpages/icons/console/icons/ directory structure does not exist, create the required directory structure.

  4. From the INSTALL_DIR/extensions/global/webpages/icons/ directory, archive the entire console directory into a yantraiconsbe.jar file.