PDA

View Full Version : change link colour when hovered

lab
02-11-2003, 09:59 PM
I'm trying in get my links to change colours when hovered; but having a hard time doing so? site made with FP 2000. any suggestions.
Thanks:)
kwhubby
02-11-2003, 10:09 PM
one way you cuold do this is with css.
<STYLE TYPE="text/css">
<!--
A:hover { color:#ff0000; }
-->
</STYLE>
that would make links turn red when hovered on

or if you wanted to do it with javascript, for individual links, a link would be like this:
<a href="google.com" onMouseOver="this.style.color='red'" onMouseOut="this.style.color='blue'">google</a>
lab
02-11-2003, 10:11 PM
Thanks; where do I paste that?
:o
kwhubby
02-11-2003, 10:18 PM
I just changed it (I added a javascript methode) ^^

but you just past the <style> stuff before the <body> tag
lab
02-11-2003, 10:26 PM
If I follow the first method, I guess I apply this to the CSS file; so will it change all the pages that use CSS?
(don't want that)


Thanks again
:confused:
kwhubby
02-11-2003, 10:44 PM
well, you can apply that into the actual html page and not just a css file, and just because you put it into a css file, it does not mean that all pages will use it, only the pages with a <style> tag pointing to that particular css file (eg <style src="mystyles.css"> (oh yah... it does not matter how many <style> tags, or css files you use in one page)

and if you don't want it for a whole page, add onMouseOver= "this.style.color='red'" onMouseOut= "this.style.color='blue'"

in each link you want it with
lab
02-11-2003, 10:47 PM
Ok I tried the 2nd method and all I get is the text appears on my page next to the link; I must be pasting it in the wrong place or too much of the text. where in the <a> tag ?
Thanks
:eek:
kwhubby
02-11-2003, 10:53 PM
lets say you have a link to google
<a href="http://google.com">go to google</a>
if you want it to turn red when the mouse is on it, and blue, when the mouse goes back off it
<a href="http://google.com" onMouseOver="this.style.color='red'" onMouseOut="this.style.color='blue'">go to google</a>
lab
02-11-2003, 11:43 PM
Well I keep trying and all it does is apply the actual text of that script, to my page.

I'll keep trying; I'm following the instructions.
?
Thanks
kwhubby
02-11-2003, 11:49 PM
one thing... make sure you don't use some wierd html editor, edit the actual html, via notepad, or if the program your using has a feature to allow you to edit the intire html of the document.

It would help if past or link to the actual page, or part of the page that this applys to
lab
02-11-2003, 11:52 PM
I built the site in Frontpage 2000. I'm not sure what you mean?
lab
02-12-2003, 12:10 AM
Oh I just figured out something; it says I can't apply the mouse
over if I have a theme applied to a page. So that stinks; I have themes on all pages.

I clicked on properties and enabled the hyperlink rollover effect. (it works now that I removed the theme). Is there any way around this?

Thanks for all your help!
;)
lab
02-12-2003, 12:40 AM
ahh did it! I applied DHTML (format there is an option; once clicked, I pick the effect and colour)

Have to do this for each link; but it works with a theme.

Thanks:
thumbsup:
kwhubby
02-12-2003, 12:55 AM
theme??? huh

must be some wierd microsoft frontpage "thing"

I don't use frontpage, so I don't have any clue of what its interface says, or what it actually does to the html


I am glad you figured out how to do it though