TUTORIALS | DROP DOWN MENUS |WEBSITE NAVIGATION | WEBSITE SIZE |BLOGS - HEADERS | BLOGS - BACKGROUNDS| BLOGS - CSS OVERRIDES
Website Navigation
This tutorial will cover the basic steps behind adding an alternate method of website navigation. It is provided as is and for any further support please refer to a website designer.
Sometimes it may be desireable to display a user selectable navigation option on your website. An example of use would be for users to select their area of interest.
To do this:
- Log in to your Online Office and go to Edit Website.
- In the desired location click the Add Content link.
- On the Add Content page, scroll to the Advanced Content module and click Add to Page.
- The Edit Header page will open; edit the title, options, and description.
- Scroll down and click Next.
- Enter the HTML content that is shown below.
- Ensure that "Place this content in an IFrame (required for forms)" is checked.
- Save your content.
<form>
<select name="PageSelect" size="0" onChange="if(options[selectedIndex].value){top.location.replace(options[selectedIndex].value);options[0].selected=true;}">
<option selected>Jump to Page >></option>
<option value="http://www.point2agenteducation.com/">Home</option>
<option value="http://www.point2agenteducation.com/tutorials/page_2183125.html">Tutorials</option>
<option value="http://www.point2agenteducation.com/troubleshooting_guide/page_2183517.html">Troubleshooting Guide</option>
<option value="http://www.point2agenteducation.com/blogs/point2_education/default.aspx">Education Blog</option>
</select>
</form> |
Customizing this code for your own purposes is actually quite easy. Simply replace the option values with your desired URL's: <option value="YOUR URL">YOUR VALUE</option>
|