Note | ||
---|---|---|
| ||
As of July 25th, 2023, there is a content freeze on this page. |
Introduction:
Changing the logo image for a Genie skin involves only a couple steps:
- Upload an image file into the skin's folder.
- Modify the custom.js or start.html files to reference the new logo.
...
In our examples we will change the logo for a Genie skin named, "Gradient". In a default Profound installation the Gradient skin's folder in the IFS is here:
...
The HTML code should now look like this:
Save the start.html file, then reload a Genie page, and you should see the logo you uploaded.
...
<img src="/profoundui/userdata/genie skins/Gradient/logo.jpg" />
...
Note also: if you are using a different skin, you would have uploaded the file to that skin's folder and replaced "Gradient" with your skin name. So for the Hybrid skin, you'd have uploaded the image to:
...
The image is anchored to the DIV element whose id is "5250". You can experiment with the position by changing the left and top values.