Documentation Center

Adding a Skin and Resources

Adding a skin and its resources.

About this task

Procedure

  1. If you are in a Content Delivery tool, click Home in the breadcrumb trail.
    The 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 following is the path to the skins directory structure In a default installation:
    • Bundled Web Application Server install:
      \SDL LiveContent Reach\db\LiveContent\ui\skins
    • Third-Party Web Application Server install:
      \Apache Software Foundation\Tomcat 7.0\webapps\LiveContent
      \WEB-INF\db\LiveContent\ui\skins
  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.