Customizing WebHelp with Logo

Please post all questions and comments regarding Help & Manual 7 here.

Moderators: Alexander Halser, Tim Green

Post Reply
jonyelton
Posts: 2
Joined: Sat Nov 18, 2017 4:22 pm

Customizing WebHelp with Logo

Unread post by jonyelton »

Hello,
I'm new here, like many others, but I'm having a hard time understanding how to customize the skin. I have very little HTML knowledge. Is there an easy way for me to add my logo to my webhelp?

I'm using WebHelp_SlateBlue as my skin. I see where I can add the Menu and Header box in the options, but that displays the Help and Manual logo.
1. How do I change the logo. What size of logo should I use for best results?
2. How do I change the menu?
3. Can I show the logo and *not* have the menu in the header? It seems that if I do not include the menu in the header, the header is collapsed. I'm assuming the header is my logo. I don't see the need for the menu, but I want the logo to always appear.

Thank you very much for any guidance.

Edited after I found many mistakes.
User avatar
Tim Green
Site Admin
Posts: 23156
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Customizing WebHelp with Logo

Unread post by Tim Green »

Hi Jony,

Welcome to the forum.

The answers to your questions are all in the documentation of the Premium Pack, which is available in two locations:
  • In the main Help+Manual help in the chapter Help+Manual Premium Pack 3.40
  • In the online version here
Both of these versions are available from the Help menu in Premium Pack Toolobox as well.
1. How do I change the logo. What size of logo should I use for best results?
This question is covered here in the help (the skin name you mentioned is a V2 WebHelp/EWriter skin):
http://www.it-authoring.com/info/pp3hel ... frame.html

As explained there, you can start with the custom code already in the template:

<a href="http://www.ec-software.com/" title="EC Software Website" target="_blank"><img id="bannerlogo" src="background-logo.png" height="40" border="0" style="margin: 3px 0 0 3px"/></a>

The easiest solution is to use the name background-logo.png for your own logo. Then just add this to the Baggage Files section of the skin and edit the items shown in red above, including the hyperlink to your website. The standard logo is set to 40 pixels high and the width is automatic. If you use a larger one the header will also be higher. The width should be narrow enough to not interfere with the rest of the header.

2. How do I change the menu?
This is explained in the "Drop-down menus in the header box" section in the same topic referenced above:
http://www.it-authoring.com/info/pp3hel ... frame.html
3. Can I show the logo and *not* have the menu in the header? It seems that if I do not include the menu in the header, the header is collapsed. I'm assuming the header is my logo. I don't see the need for the menu, but I want the logo to always appear.
You can switch the menu off with a checkbox shown in the Publish page when you use the skin. See here for these options:
http://www.it-authoring.com/info/pp3hel ... eopts.html
Regards,
Tim (EC Software Documentation & User Support)

Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
jonyelton
Posts: 2
Joined: Sat Nov 18, 2017 4:22 pm

Re: Customizing WebHelp with Logo

Unread post by jonyelton »

Thank you Tim, I was able to muddle through it with the documentation. I was even able to edit my banner_company.jpg and resize it.

First project here, I'm getting the hand of it.
Post Reply