Adding a Skin and Resources

Adding a skin and its resources.

About this task

Do not change or modify the base skin. Always create a custom skin, and then upload resource files into that custom skin.

Procedure

  1. If you are on a Legacy Content Delivery page, select Home in the breadcrumb trail.
    The Legacy Content Delivery landing page appears.
  2. In the Administration Tools pane, click Developer's Workbench.
    The Developer's Workbench page appears.
  3. Click Add Skin.
  4. In the Add Skin window, enter the name for your skin.
    For example, enter galaxy.system.neptune. Skin names may only contain alphanumeric characters or periods (A-Z, 0-9, '.').
    If you type the lowest-level skin, the levels above are created automatically. In this example, galaxy and galaxy.system are created automatically.
  5. In the left pane, click on your new skin to make it active for modifying.
  6. In the right pane, click Develop with this skin, and then click OK.
  7. In response to the Refresh this page to develop with this skin pop-up message, press F5.
  8. In the right pane, click on the tab of the type of resource you want to add.
    For example, to add stylesheets, click CSS tab.
  9. Click Upload Resources.
  10. Click Select Resources.
    The file browser appears.
  11. Browse to the directory that contains the resources that you want to add, such as a graphic stored locally on your system.
    If you want to modify a resource from the base skin, copy it from the appropriate skins type subdirectory into a working directory.
    The path to the skins directory structure in a default installation is
    \Apache Software Foundation\Tomcat 7.0\webapps\LiveContent
    \WEB-INF\db\LiveContent\ui\skins
    To find the path used in your installation, select Frame Navigator > Manage Application > System Status and check the App Directory field.
  12. Click the resource files that correspond to the type you selected, and then click Open.
  13. Click Upload.
  14. Repeat Steps 8 through 12 for all the resources you require for your skin.