How do I change an image of my skin in Academus?
How do I change an image of my skin in Academus?
Steps for Modifying the Skin
Reference: What are the steps to modify an existing portal skin?
Locating Skin files
Note: All file location references will begin from your Academus portal Web application root directory. Since this setup can differ between deployments, the generic "[portal]" convention will be utilized to indicate this root directory. Additionally, these examples use "academus" as the name of the skin. This name (of the directory underneath "academusTheme") may be different in your environment if you have a custom skin.
Skin packages consist of a top-level directory named to match the skin internal name registered within Academus portal. Each skin should contain an identical sub-directory structure of css, images, and media, with images containing further sub-directories of brand, icons, and navigation. The skin package is located in the following location:
![File path to the skin files: [your server portal directory]/media/net/unicon/academusTheme/[your skin name]/](/files/filepath_academus_skin.gif)
| Sudirectory | Description | Context |
|---|---|---|
| Css | CSS style sheets | Global |
| Images > Brand | Images related to your brand, sponsors, or partners | Portal header and footer |
| Images > Icons | Channel header and content icons | Channel or portlet |
| Images > Navigation | Images for styling main navigation | Main navigation/tabs |
| Media | Media objects; audio, video, Macromedia Flash, etc. | Not specific |
Modifying graphic images
Graphic images in the skin are of one of two formats, either .gif or .jpg. Graphics can be edited in your preferred image editing software. New graphic images may be added at any time to the images directory or brand, icons, or navigation subdirectories and referenced from the style sheet. Additionally, filename and file format may change as well, as long as those changes are also made to the image reference in the CSS.
Academus images are size agnostic, meaning that changing the height or width of an image is legal and acceptable and does not require a change in the code.
Changing graphic images should not require a restart of the portal, though there may be some temporary issues with image caching at the server or browser level. If you are not seeing a change to a graphic image, try clearing your browser's local cache. If your change still does not show up, clear the server cache and/or restart the portal.
Thumbnail Image
This image is utilized in the portal during skin selection to provide a preview of what the skin will look like.
Note: The example below uses "academus" as the name of the skin. This name (of the directory underneath "academusTheme") may be different in your environment if you have a custom skin. Additionally, the name of the image file itself (academus_thumb.gif) will be named according to your skin name, as in: [skin_name]_thumb.gif.
![File path to the skin thumbnail image: [your server portal directory]/media/net/unicon/portal/layout/AL_TabColumn/academusTheme/skin/[your skin name]/](/files/filepath_academus_thumbnail.gif)
Modifying Cascading Style Sheets
It is recommended that anyone modifying a skin should possess a thorough understanding of CSS technology and syntax before making modifications. Any text editor and most html editors can edit CSS files.
