Microsoft Publisher - Changing appearance of hyperlinks

Author

Changing appearance of hyperlinks

TXBuckeye

2007-08-16, 10:16 pm

I am trying to figure how an underlying hyperlink image can change when the
pointer is moved over the hyperlink. For example, if there is a hotbox
surrounding text in a navigation bar, I want to have the text change to a
bold format once the mouse pointer moves over the hyperlink. Or if its a
graphic, perhaps having the graphic increase in size when the pointer is
moved over the hyperlink.

Any help?

DavidF

2007-08-17, 3:17 am

There is no built-in functionality in Publisher to vary the mouseover
effects. However you can use the insert html code fragment to insert a small
snippet of CSS code. Try inserting the following snippet on one of your
pages where you have any manually entered links. It doesn't matter where you
insert the code fragment. Just drag the code fragment box to an empty place
on your page, and you can resize the fragment box pretty much as small as
you want. Do a web page preview, and mouseover any manually inserted link:

<style>
a:hover {color: #930015; font-weight: Bold; text-decoration: none;}
</style>

This should not only give you bold text, but also the hyperlink underline
will disappear and the font color will change to a dark red.

If you want only the text to change to bold:

<style>
a:hover {font-weight: Bold;}
</style>

This will not affect the Publisher wizard built navbar links - only inserted
links. If you want your navbar to change then you will have to build your
own navbar.

A graphic mouseover can be accomplished in a number of ways, including
javascript. Google "mouseover images"; or even "javascript mouseover", and
"javascript menus" and you will see lots of free script to try. Once again
you would use the insert html code fragment feature to insert the code into
Publisher pages. Be careful about building and using just a javascript menu
as the web bots can't follow the links and index your site. You might want
to add a textual menu at the bottom of each page.

DavidF

"TXBuckeye" <TXBuckeye@discussions.microsoft.com> wrote in message
news:F61CDF90-30FF-4877-B553-C31751E37888@microsoft.com...
>I am trying to figure how an underlying hyperlink image can change when the
> pointer is moved over the hyperlink. For example, if there is a hotbox
> surrounding text in a navigation bar, I want to have the text change to a
> bold format once the mouse pointer moves over the hyperlink. Or if its a
> graphic, perhaps having the graphic increase in size when the pointer is
> moved over the hyperlink.
>
> Any help?

TXBuckeye

2007-08-17, 3:17 am

Thank you for the detailed response. From what I read this is exactly what I
needed, but when I tried it out just now I can get it to work. I inserted the
code onto the master page hoping to get my navbar text to go bold. I am not
using the wizard for the nav I created my own using text boxes, and then
adding a hot spot over the test area to create the links. Could the use of
the hotspot be causing the problem for me?

Thanks

"DavidF" wrote:

> There is no built-in functionality in Publisher to vary the mouseover
> effects. However you can use the insert html code fragment to insert a small
> snippet of CSS code. Try inserting the following snippet on one of your
> pages where you have any manually entered links. It doesn't matter where you
> insert the code fragment. Just drag the code fragment box to an empty place
> on your page, and you can resize the fragment box pretty much as small as
> you want. Do a web page preview, and mouseover any manually inserted link:
>
> <style>
> a:hover {color: #930015; font-weight: Bold; text-decoration: none;}
> </style>
>
> This should not only give you bold text, but also the hyperlink underline
> will disappear and the font color will change to a dark red.
>
> If you want only the text to change to bold:
>
> <style>
> a:hover {font-weight: Bold;}
> </style>
>
> This will not affect the Publisher wizard built navbar links - only inserted
> links. If you want your navbar to change then you will have to build your
> own navbar.
>
> A graphic mouseover can be accomplished in a number of ways, including
> javascript. Google "mouseover images"; or even "javascript mouseover", and
> "javascript menus" and you will see lots of free script to try. Once again
> you would use the insert html code fragment feature to insert the code into
> Publisher pages. Be careful about building and using just a javascript menu
> as the web bots can't follow the links and index your site. You might want
> to add a textual menu at the bottom of each page.
>
> DavidF
>
>
> "TXBuckeye" <TXBuckeye@discussions.microsoft.com> wrote in message
> news:F61CDF90-30FF-4877-B553-C31751E37888@microsoft.com...
>
>
>

TXBuckeye

2007-08-17, 3:17 am

Actually disregard my last post.

I was able to figure it out and it works great!!

Thank you.
As for the graphics I have no clue what you meant by the javascript and
stuff. I am at the very begining stages of understanding how to do these
sites. Your help has been greatly appreciated.

Thanks

"TXBuckeye" wrote:
[color=darkred]
> Thank you for the detailed response. From what I read this is exactly what I
> needed, but when I tried it out just now I can get it to work. I inserted the
> code onto the master page hoping to get my navbar text to go bold. I am not
> using the wizard for the nav I created my own using text boxes, and then
> adding a hot spot over the test area to create the links. Could the use of
> the hotspot be causing the problem for me?
>
> Thanks
>
> "DavidF" wrote:
>

DavidF

2007-08-17, 6:17 pm

Yep. Probably keep the hotspot hyperlinks for graphics, and select text and
insert hyperlink for text. The CSS code affects only text.

DavidF

"TXBuckeye" <TXBuckeye@discussions.microsoft.com> wrote in message
news:60C89B5C-8E39-4933-B2E3-CFA3098933C6@microsoft.com...[color=darkred]
> Thank you for the detailed response. From what I read this is exactly what
> I
> needed, but when I tried it out just now I can get it to work. I inserted
> the
> code onto the master page hoping to get my navbar text to go bold. I am
> not
> using the wizard for the nav I created my own using text boxes, and then
> adding a hot spot over the test area to create the links. Could the use of
> the hotspot be causing the problem for me?
>
> Thanks
>
> "DavidF" wrote:
>