MSN Home  |  My MSN  |  Hotmail
Sign in to Windows Live ID Web Search:   
go to MSNGroups 
Groups Home  |  My Groups  |  Help  
 
Web DesignDeemed especially "cool" by MSN.WebDesign@www.msnusers.com 
  
What's New
  Join Now
  Homepage  
  Rules - Simple  
  Nickel Tour  
  How_to_Ask_for_Help  
  Keep In Touch List  
  Message Boards  
  Member Promos  
  Newbie Central  
  Tutorials etc.  
  Basic Security  
  Hot Tips  
  FP - HTML Editors  
  
  FP - HTML on MSN  
  
  FP - HTML in Docs  
  
  Edit MSN Pages in FP  
  
  Add FP Hotspots  
  Good Design  
  Help Groups  
  Free*Stuff Links  
  Templates  
  Handy Helpers  
  Pictures  
  Documents  
  Member Assist  
  Scrabble Board  
  Sample Jukebox  
  Nested Tables  
  Homepg Workshop  
  
  
  Tools  
 

Add Hotspots with text labels into your graphics to link to other pages

Click to go to the main Web Design page!Click to go to the FP 2000 tutorials page!

Click the eagle and the elk above to see hotspots in action.  Look for the little white hand and text label to appear, and click to see the link!
How to make it work on MSN:
  1. Post your graphic to Documents or Photo Album.

  2. Paste the graphic from the web location into your FP 2000 page.

  3. If this does not show when opened in the browser while you are building the page, load the graphic from within your PC web and then change the image source to the web-based version when you are done.

  4. Use the hotspot tools (polygon, circle or rectangle) to create the hotspot(s) over the area of the graphic where you want it to go.  The dialogue box for inserting the link will appear - type or paste in the URL you want to link to.

  5. Save the page and test the link(s) and look of the polygon.  Edit as required and resave.

  6. Complete the rest of the contents of the page and save.  Do a final test.

To include mouseover text labels:

  • in the HTML view, find the hotspot shape (e.g. CIRCLE, RECT)

  • insert a space after the shape tag and add in:

alt="your text"

  • The bold characters are what must be present in the HTML code for any label - the "your text" is the freeform text you type for the mouseover message label

  • Here is the actual mouseover text label code for the graphic above. The free-form text label info is in red.

To Upload to the Documents:
  1. Upload as usual using the Document Upload control or the Web Folders Utility.  See the Using FP2000 to create whole pages that go in Documents tutorial.

To insert into an MSN-provided page:

  1. See the Using FP2000 to create content for MSN-provided pages tutorial.

  2. If you need to do extensive editing on the page in the future, copy it to your FP program and do it there, and republish it.  Instructions are in Editing an Existing MSN-provided Page and Using FP to Create Content for MSN-Provided Pages tutorials.

©Auntie Canuck
Web Design
November 9, 2001
Updated: 
May 23, 2003

Notice: Microsoft has no responsibility for the content featured in this group. Click here for more info.
  Try MSN Internet Software for FREE!
    MSN Home  |  My MSN  |  Hotmail  |  Search
Feedback  |  Help  
  ©2005 Microsoft Corporation. All rights reserved.  Legal  Advertise  MSN Privacy