Changing appearance of hyperlinks

T

TXBuckeye

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?
 
T

TXBuckeye

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
 
T

TXBuckeye

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
 
D

DavidF

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
 
D

DavidF

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

DavidF
 
B

Barry

David, sorry to jump in this thread but I cannot get the New Thread button to
work for some reason, only the reply button, I have installed this snipet in
Publisher 2003;

<style>
a{text-decoration:none;}a:hover {text-decoration: underline;}a:hover {color:
#000000;}


</style>

And it works fine in my Publisher 2003, but for some reason it will not work
in Publisher 2007, therefore I have gone back to my Pub 2003 to build pages.
Any idea why this css script would not work in 2007?

Again, sorry to interrupt.
 
S

Spike

I tried it in Pub 2007 and the hyperlinks change color when the mouse is
over them (except for the navigation bar)
Inserted the code just after title as shown below:

<title>Page Title</title>

</style>

<style> <a{text-decoration:none;}a:hover {text-decoration:
underline;}a:hover {color:
#000000;} </style>

Spike
 
B

Barry

I'm sorry Spike, I didn't explain it well. In that code it is suppose to
remove the underline link and then put it back with the color change as the
mouse hovers over it. It is the underline that is not disappearing in web
preview. I know that it will not dissappear on the web page itself but once
you preview it should work and then when you publish it to the server. What
I am saying is the underline is not working and when I use remove underline
on the link as I had read about 2007 you could do, the underline does not
reappear when the mouse hovers over it as this snipet should work. It works
in 2003 anyway.

Thanks
 
D

DavidF

You are correct. I can get the mouseover color change to work, but not the
underline. Not sure why and didn't realize this didn't work in 2007. I will
keep experimenting and see if I can figure it. In the meantime perhaps Rob
who understand CSS coding would have an answer.

DavidF
 

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