How do I insert a ScreenTip for a word without hyperlinking that w

T

Tommy Desperate

I want to have a ScreenTip definition pop up for visitors to my site who run
their mouse pointers over a technical word. I do not want this word to be
hyperlinked. The word will just be in a different color, not underlined. For
example, the ScreenTip for alopecia would be "hair loss."

The ScreenTips on this site are an example of what I want -
http://www.dermatology.co.uk/phototherapy/uvbtreatment/article/article.asp?ArticleID=1398

Is there a way in the Design mode for doing this, or will I have to work
with HTML code? I'm not proficient in coding.
 
R

Ronx

You will need to work in Code/HTML view.
In Design/Normal View highlight the word, then switch to Code/HTML view,
where the word will be highlighted in code.

The word needs to be changed to

<span title="hair loss" style="color:pink">alopecia</span>

Change the colour to suit your design.
 
T

Tommy Desperate

Ron,

You gave me a clean description of what to do. I thought this would be an
almost impossible task because I looked at the page source of the example I
gave. The code in that was Byzantine. The code you showed me how to use is
easy and takes only minutes to insert.

Thanks,

Tom
 
T

Tommy Desperate

Ronx said:
You will need to work in Code/HTML view.
In Design/Normal View highlight the word, then switch to Code/HTML view,
where the word will be highlighted in code.

The word needs to be changed to

<span title="hair loss" style="color:pink">alopecia</span>

Ron, you solved this problem for me and I now can insert the ScreenTip
easily. Is there a way to save the string of code so that I can use the same
code but with different comments and definitions between the start tag and
the end tag?

I'll be using the ScreenTip several times on the pages of my site. It would
be neat if I could do this in Design view with the Quick Tag Editor. I have
Jim Buyens "FrontPage 2003 Inside Out" book in front of me but can't figure
out if I can use this function for inserting ScreenTips. Jim's 1,200 pages
are sinking me.
 
R

Ronx

Since you are reading FrontPage 2003 Inside Out, I assume you are using
FrontPage 2003.

You can get close to what you want using a code snippet.

First create the snippet:
Tools->Page Options - Code Snippets tag
Click Add

Keyword - A single word to recognise the snippet example:
Word_Descriptor
Description - A short sentence to describe what this does, example: Adds a
descriptive tool tip to a word
In the Text box type in:

<span color="pink" title="Replace this with description">|The-word|</span>

Click OK, and OK again to close the dialogues.

(replace the colour with something more suitable). The pipe characters (on
either side of The-word are important.

When you highlight the word you wish to describe, switch to code view and
press Ctrl+Enter, the word will be surrounded by the <span... </span> tags,
you need to then edit the description.

To use the Tag editor you would still have to switch into Code view to
insert the tag in the first place. If you can get the code snippet to work
(the hard part is remembering the keys to press) it will be easy.

You could also use Split view, which shows the code and the design view
simultaneously. The size for the code/design panes can be adjusted with the
mouse.
 
R

Ronx

Correction

<span color="pink" title="Replace this with description">|The-word|</span>

should be

<span style="color: pink" title="Replace this with
description">|The-word|</span>
 
T

Tommy Desperate

Thanks Ron,

TheCode Snippet function is what I needed. No more problems - sunny
uplands forever.

Tom
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top