Directory structure for skins

Before you create a new skin, familiarize yourself with the directory listed in this section in order to help ensure a successful experience.

When creating a new skin, you should follow the following directory structure:

The directory structure for creating a new skin.
  • common—This directory should contain the skin-specific menubar_anchor.jsp file and menubar_dropdown_multilevel.jsp file.

    The menubar_dropdown_multilevel.jsp file is required if you want to display submenus for a given menu item.

  • console/icons—This directory should contain the skin-specific images. You can also store your localized images in this directory.
    Note: If you want to override the default images provided in the /console/icons/ and /yfcicons directories, you can copy the new images with the same name in the /skins/skin-name/console/icons and/or /skins/skin-name/yfcicons directories.
  • css—This directory should contain your skin-specific css files. These css files are localizable. For example, skin_name_sapphire_mb.css, skin-name_jade_mb.css, skin-name_earth_mb.css, and so forth.
  • yfc—This directory should contain skin-specific container_mb.jsp and innerpanel_mb.jsp files.
  • yfcicons—This directory should contain your localization images.

    If the /yfcicons directory structure does not exist, create it.