Skip to main content
E
elodie_bergonnier
Participating Frequently
July 16, 2010
Question

Webhelp skin: add custom text in the navigation toolbar?

  • July 16, 2010
  • 1 reply
  • 2261 views

Hello,

I am using Robohelp 8.0.0.208 and I would like to customize a skin for a webhelp output: add a title (personal text) in the navigation panel just after the print button (see screenshot).

For now, the best solution I found is to add a custom button which only contains a title ( no picture and no action related to the button).  Of course this solution make the "title" button reactive which is not corresponding to I want to do (add passive text).

Is there a way to do so?

I alreday searched in the "Skinny on skins" file but without succes...

Thanks in advance for your help.

This topic has been closed for replies.

1 reply

Captiv8r
Captiv8r
Brainiac
July 16, 2010

Hi there

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

RoboHelp Wish Form/Bug Reporting Form

Begin learning RoboHelp HTML 7 or 8 moments from now - $24.95!

Adobe Certified RoboHelp HTML Training

SorcererStone Blog

RoboHelp eBooks

A
alaplume_123
New Participant
April 12, 2011

Hi there,

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!!

A
alaplume_123
New Participant
April 15, 2011

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?

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices