Question: How to customize HC Panel theme?
HC themes can be easily customized with the help of this document. You can add custom headers and footers to make look and feel of panel to your website.
Every HC Theme has following structure:
"Themes" is the main folder which acts like a container for all product themes. If you need to add new theme for the product you have to place it under Themes folder.
Let suppose your new theme name is "NewTheme" under the folder "NewTheme", now, you have to create three sub folders:
- ThemeColor Folder (Blue/Green/Red/XYZ)
All the images for the new theme are to be placed in the Images folder.
CSS file to handle look and feel of all the screens of the product.
CSS file to handle the main Menu of the product.
- All main building blocks in form of XSLT Templates of the Theme are placed under Templates folder.
The interface HTML for Login page is written in this template.
The main Frameset are written in this template.
The Header of the product is written in this template.
Template for product main menu.
The main landing page after login is written in this template.
This template is responsible to handle the look and feel of icons listing pages in the product like Tools section.
The HTML for all the forms running throughout the system written in the template like AddUser/AddWebsite/AddMailDomain etc.
The HTML for all the listing pages running throughout the system written in the template like ListUser/ListWebsites/ListMailDomains/ListPlans etc.
HTML for the entire server browsing facility is written in this template.
A Parking page to handle Global Exception or Hack Attempt.
Helper XSLT template.