Webhelp top-left logo link

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

Moderators: Alexander Halser, Tim Green

Post Reply
User avatar
Olivier Beltrami
Posts: 393
Joined: Mon Jul 15, 2002 3:30 pm
Location: Nantes, France
Contact:

Webhelp top-left logo link

Unread post by Olivier Beltrami »

Hi,

I can change the logo used at the top left of the webhelp layout in the baggage files, and also tweak the html layout of my old skin, but I cannot figure out how to get a click on the logo to navigate to a URL.

Very best regards,

Olivier
Olivier Beltrami
https://www.qppstudio.net
Worldwide Public Holidays and Calendar Data
User avatar
Tim Green
Site Admin
Posts: 23156
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Webhelp top-left logo link

Unread post by Tim Green »

Hi Olivier,

As always: Which skin are you using? It's never possible to answer questions like this without knowing the skin, because there are significant differences.
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.
User avatar
Olivier Beltrami
Posts: 393
Joined: Mon Jul 15, 2002 3:30 pm
Location: Nantes, France
Contact:

Re: Webhelp top-left logo link

Unread post by Olivier Beltrami »

Hi Tim,

It's the same that I sent you a few weeks ago.
Do you still have it, or would you like me to resend it ?

Very best regards,

Olivier
Olivier Beltrami
https://www.qppstudio.net
Worldwide Public Holidays and Calendar Data
User avatar
Tim Green
Site Admin
Posts: 23156
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Webhelp top-left logo link

Unread post by Tim Green »

Hi Olivier,

OK, this is one of the earlier skins that doesn't have configuration variables for things like that. The logo image is configured as the background of the header so there isn't anywhere to put the link. You need to change it to a normal image.

Do all this editing in the Layout template in the skin:

1) Enter this code directly before the #hmheadbox { line: in the CSS at the top (don't repeat that line, it's just there for reference);

Code: Select all

html, body, #hmheadbox {
    min-width: 740px;
    }
  #hmheadbox {...
2) Insert /* and */ comment symbols around this line in the #hmheadbox { line:

Code: Select all

 /*background:url(background-logo.png) top left no-repeat; */
3) Insert this new line as the first line inside the <div id="hmheadbox"> block (here too, the two <div... lines are only there for reference, don't repeat them):

Code: Select all

<div id="hmheadbox">
  <a href="https://www.helpandmanual.com/" title="Your mouseover text here" target="_blank"><img id="logoimage" src="background-logo.png" alt="Your ALT text here" /></a> 
  <div style="width:50%;float:right">
You need to replace the placeholder URL, title and alt entries with your own, of course.
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.
User avatar
Olivier Beltrami
Posts: 393
Joined: Mon Jul 15, 2002 3:30 pm
Location: Nantes, France
Contact:

Re: Webhelp top-left logo link

Unread post by Olivier Beltrami »

Thank you very much, Tim.
You're the best !
Olivier Beltrami
https://www.qppstudio.net
Worldwide Public Holidays and Calendar Data
Post Reply