Putting links outside the main navigation pane's borders

  • 1
  • Question
  • Updated 7 years ago
  • Answered
How can I add links outside the main navigation area, where the wall paper currently is? As in where I've added the image of Mochikas on my page. I can edit the banner with that image but I would like to add it with a link.
Thank you

Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like

Posted 7 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Nirmala,

It's an interesting question and one I haven't seen before.

if you can locate the code for the image placement then I think one way at least to do this is to edit the code to include a link (generic):

<a href="http://domain/page"><img src="resources/{optional folder}/image-name.ext"></a>

The second argument <img src=.................. will be there already.
Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like
Thank you,

How can I locate the code for the image placement?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
There are tools for this that make it quite easy but it also requires learning how to use the tool. Most are browser specific: FireBug for FireFox, Developer Tools is an inbuilt feature in Chrome under the Tools heading and there's also FireBug Lite for Chrome in the Apps Store. IE have something as well but just can't remember the name offhand

I would be happy to try and locate this for you if you tell me your web-address of your published site?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like
How do I see and/or edit the html coding? I seem to recall finding it before.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
If you can tell me your site address I should be able to capture the code and send it back to you with instruction where to place it with the existing.

I also presume that the image above is your site you are referring to?
Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like
Thank you very much
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Oh Sorry. I think i misunderstood. I thought that the outside image was already placed :)

OK what I would attempt then is this:

  1. Place a text widget on your page preferably as the first element.

  2. Add your image and the link details. this is GUI driven so easier than HTML input.

  3. You will see at the top LHS of the widget "Margin", click on this and adjust the right side field with positive numbers until the image moves into the place you want it to be.

  4. You can move the image up and down by entering negative numbers in the top field and to move down add negative numbers to the bottom field.


What I would do though is to create a test page first and get the placement correct there first. you can then transcribe the numbers over . This will protect your page if you overshoot the limits.
Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like
I can easily place it there using Photoshop and editing the background. But I'm not sure how I would place the link to associate with it.

I'll try what you said.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
That's another way too. In that case I would then use an imagemap facility. This allows you to segment an image into sectors and in those sectors you can get a link to work. It's a technique used for all kinds of single images where there are sections of the image with different links. There are some online facilities for doing this. I don't know an address but easily found by searching "Online imagemap creation" or similar.
Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like
Thanks. I'll try that as well. If that is easier I might just go with that.
Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like
Are the complications associated with image mapping, or is it pretty much glitch free?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
It's about five years ago that I used it and it was quite tedious. Now I think they have smartened up the processes but can't say from experience.
Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like
Wow, that actually works. It will take a bit of adjusting the other boxes accordingly, and getting the hang of it. I've only just begun trying it so am not sure I won't hit any glitches but it works so far.

Thanks again.
Photo of Nirmala Hickey

Nirmala Hickey

  • 13 Posts
  • 1 Reply Like
Well, after testing it a bit further I find that, although it displays correctly in editing mode and even preview mode, it does not display anything outside the box, when I go to the url in a separate window.

Actually I'm noticing that none of the changes, including vocabulary, are showing up. So there must be a delay in implementing the changes to my site, or my browser is calling up an old version without updating. Hmm, not sure yet.

Yes, it was just a delay because now it is showing the changes, including out of bounds elements.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hope it goes problem free. It's relatively important to place it as the first widget in your page because if you add another widget above it then it tends to push the image down.