1 person found this helpful
Isn't it funny sometimes how the universe works? As luck would have it, I was working with this exact thing just last night for some folks participating in a RoboHelp class I'm facilitating.
Here's my first effort:
(Click the image to see a larger and more detailed view)
So now to answer the inevitable question about how I achieved this.
I was supplied an image that they wish to use for the header. I then used the WebHelp Skins editor and configured this image as the background image for the main toolbar.
Lastly I created buttons that were mostly transparent images but having verbiage positioned so it appeared in the little green banner near the bottom. This was the tricksiest bit. Lots of trial and error to get the text positioned properly.
So there you have it! Hope it helps... Rick
Helpful and Handy Links
I am using Robohelp 9 (trial version) and created a Help System header that I uploaded as my background image - just how you explained it.
When I went to preview this, the background image shows up multiple times throughout the top of the help system window.
How can you set the background image so it only appears one time? I set my background image to 800x600.
Any help on this would be very much appreciated!!
As far I know about Robohelp skins, you can not configure your skin so the background image does not repeat.
The best solution I found is to use an image larger than your screen. To give you an idea, the picture I use is 2000x85 px.
Hope these explanation will help you.
Thank you for that tip! I appreciate it. I will make that change to my image and see what happens...
I had the same issue with the repeating image in the header. If you are feeling adventurous, you can alter
the whskin_tbars.htm file. If you do this though, every time you generate the Help, RoboHelp will overwrite the file. So you have to keep a copy somewhere safe, then whenever you re-generate the help, copy the revised file back in.
Open the folder wherever your generated output is and find whskin_tbars.hm.
Open with Notepad.
Just after the </head> tag, find the line that looks like this:
<body marginheight="0" marginwidth="0" bgcolor="#33424c" background-image="mylogo.png" scroll="no">
Change as follows:
<body marginheight="0" marginwidth="0" style="background-color: #33424c; background-image: mylogo.png; background-repeat: no-repeat;" scroll="no">
Save and close.
Keep a copy of this file somewhere safe. Each time you generate the help, copy this file into your output folder.
Thanks! I will try that!
What RoboHelp version are you using to customize the template?
Sady, we're still on RH7. Hoping to finally upgrade to RH8 in the next few weeks.