H-Sphere Documentation Administrator Guide


Images and Icons


Related Docs:   Company Info Skins And Colors Skin and Icon Set Customization

Here you will learn how to change logo images and icons and control images in your control panel. These settings will affect control panels of your direct end users and resellers. Resellers' admin control panels and the control panels of resellers' end users won't be affected; their look and feel must be configured from the reseller admin control panels.


Logo Images

Logo images are the images that reflect your corporate identity. To go to the logo images page, select Corporate Logo in the Look and Feel menu.

  • Control Panel Agent: (version 2.4) enter the name you want to see as page title of the Control Panel interface instead of H-SPHERE.
    This feature can be unavailable if you modify login.html, top.html or other service templates.
  • Show Copyright: toggle the button to show/hide the copyright notice in the top left corner of the window above the logo both in admin and user control panels.
  • Banner HTML Code: enter the HTML code for the banner you want to show up both in admin and your users control panels.
    E.g.:<a href="http://www.destination_company.com/cgi-bin/blah-blah.cgi" target="blah-bhlah"> <img src="http://www.domain.com/images//banner.gif" width=468 height=60></a>
    Tip: it might be just an image, for example, your logo.
  • Logo Image URL: enter the URL address of the image to show up in the top left corner of the window.
    E.g.: http://www.domain.com/images/logo.gif
  • Signup Image URL: enter the URL address of the image to show up in the left top corner of the windows for plan signup forms.
    E.g.: http://www.domain.com/images/signup.gif
  • Login Image URL: enter the URL address of the image to show up on the logging page on the right.
    E.g.: http://www.domain.com/images/login.gif

Important: Your own custom images added to the H-Sphere interface can be lost with the new release update even if you put them into the /hsphere/local/home/cpanel/shiva/shiva-templates/IMAGES/ directory. We recommend you to back up your custom images before each H-Sphere upgrade.


Icons And Control Images

Icons are the images that take you to certain sections of H-Sphere interface. They can be found on the home page of the No Menu skin and on the Quick Access page of the Left Menu skin.

Control Images are the images that you click to perform certain actions, for example Add, Edit, Delete.

To change default icons and control images:

  1. Select Design Settings in the Look and Feel menu.
  2. Log into the CP server as cpanel and copy IMAGES/ directory (/hsphere/local/home/cpanel/shiva/shiva-templates/IMAGES/) to a custom location.
    To implement customization correctly, all template files and directories should have cpanel:cpanel ownership.
  3. Replace the images you want to change. New images must have the same sizes as the defaults.
  4. Go to Look and Feel -> Design Settings and click Change at the bottom of page.
  5. In the Base Image Directory field, enter the path to the IMAGES directory:

    This must be either a fully qualified URL of your host, for example http://cp.mydomain.com:8080/BASE_IMAGE_DIRECTORY/ or a directory path relative to the CP Web Server Document Root (/hsphere/local/home/cpanel/shiva/shiva-templates/) if your parent host put your images there.
    Image directory path configuration is explained in the Skin and Icon Set Customization document in Customization Guide.

    Note: In HS 2.4 and up, the custom image directory is provided, /hsphere/local/home/cpanel/shiva/shiva-templates/CUSTOM_IMAGES. Type /CUSTOM_IMAGES to the Base Image Directory field to make it your image location. Mind however that custom images from the H-Sphere packages are installed into this directory and may overwrite your images.

If you made a mistake and your images do not show, just clear the Base Image Directory field, and click Submit. The original path will be restored.


Related Docs:   Company Info Skins And Colors Skin and Icon Set Customization

User comments
No comments for this page.
Add comment

Home   Products   Services   Partners   Support   News   Contact   Forum
© 2020 psoft.net.
All rights reserved.