Linking to a specific spot on page

brandofamily · February 21, 2020

Can I use the standard menu creation tool to link to specific points on the homepage? I know I can create <a id= codes in html blocks to mark the places on the page, but can the regular menu link to those?

Allen · February 21, 2020

See jump links bottom of page.
https://mobirds.smugmug.com/Pages/Species-Alpha-Codes/n-X8kKX9

This link works in top menu (Right end "Codes"), any other page and any place on internet.

https://mobirds.smugmug.com/Pages/Species-Alpha-Codes/n-X8kKX9#vjump

I'll only keep this up a day or two for example.

<div class="bird"><a name="ajump"></a>
      <div class="code">ABTO</div> &nbsp;&nbsp; 
      <div class="birdName">
           <a href="https://www.allaboutbirds.org/guide/Aberts_Towhee">Abert's Towhee</a>
      </div>
</div>
...
<div class="bird">
      <div class="code">ARTA</div>&nbsp;&nbsp;
      <div class="birdName">Azure-rumped Tanager</div>
</div>

<div class="bird"><a name="bjump"></a>
      <div class="code">BACS*</div>&nbsp;&nbsp;
      <div class="birdName">Bachman's Sparrow</div>
 </div>
....

In jump html block

Jump to >> &nbsp; &nbsp; 
&nbsp; <a href="#top">Back to Top</a> 
&nbsp; <a href="#ajump">A</a> 
...

The Mechanic · February 21, 2020

@brandofamily

You can link to any static id on the page

With a manually built link like <a href="https://www.yoursitename.com/your-page-name/#Acutal-ID-Name-Here">Your Text Here</a>

You can also create a link for say the menu as such: https://www.yoursitename.com/your-page-name/#Acutal-ID-Name-Here

Here it is in a live demo:

Standard Page Link: https://toolbox.smugocity.com/Customizations/Test-Page

Link To Id Section On Page: https://toolbox.smugocity.com/Customizations/Test-Page/#sample-2

This is a working example and the content has screenshots of the builder. This will work with static ids already on your page or in ones you create in cutom html blocks. Note many of the id used throughout the smugmug site change on each page refresh.

brandofamily · February 21, 2020

@The Mechanic said:
@brandofamily

You can link to any static id on the page

With a manually built link like <a href="https://www.yoursitename.com/your-page-name/#Acutal-ID-Name-Here">Your Text Here</a>

You can also create a link for say the menu as such: https://www.yoursitename.com/your-page-name/#Acutal-ID-Name-Here

Here it is in a live demo:

Standard Page Link: https://toolbox.smugocity.com/Customizations/Test-Page

Link To Id Section On Page: https://toolbox.smugocity.com/Customizations/Test-Page/#sample-2

This is a working example and the content has screenshots of the builder. This will work with static ids already on your page or in ones you create in cutom html blocks. Note many of the id used throughout the smugmug site change on each page refresh.

Worked perfectly. Thanks

Linking to a specific spot on page

Comments