PDA

View Full Version : mouseover-blank&white to colour

lingliing
07-11-2003, 02:59 PM
Heyhey!!

Well, I saw on a site the enter image was black and white, but when the mouse hovered, it turned colour. Ok...it was my sister's site...she's younger but much better than me at all this stuff...so she said she forgot the code, but maybe she's hiding it from me??

Anyway, could someone please help?

Thx.

No advertising, please
Dude128
07-11-2003, 03:24 PM
she's hiding it- you or she could always view the source of that page :)

chances are its from one of the major code database sites. just view the source, see where its from, and you should probably go there to get the unmodifed code in case anything was messed up on that page.
lingliing
07-11-2003, 03:28 PM
Like I said, she's much better at this than me. I'm afraid I didn't understand a word you said...sorry!
MaGiCSuN
07-11-2003, 03:30 PM
what's the url of your sisters site?

Love,
Mirna
lingliing
07-11-2003, 03:32 PM
It's http://secretive.impulsive.nu. Enjoy! I'm so proud...:)
MaGiCSuN
07-11-2003, 03:41 PM
style="filter:progid:DXImageTransform.Microsoft.BasicImag e(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microso ft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microso ft.BasicImage(grayscale=1)'"

add that to your image you want to change. :)

to view source you right click in the page, and choose "view source" or go to "extra > view source" or something like that on top o f your screen. I dunno how it's called in the american/english version of IE.

Love,
Mirna
lingliing
07-11-2003, 03:46 PM
Thanks so much, both of you!
lingliing
07-12-2003, 02:07 AM
Ok...I'm feeling like a complete dolt. I have no idea where to put it. This is all the code I have for the enter page right now.

<body background="Backgrounds/lai.jpg" attachment=fixed>
<p><p>

<center><form method="link" action="iamtree.html"><input type="image" src="Enterimg.jpg" align="center" img style="position:absolute; top:30%; left:20%" src="Enterimg.jpg"></form></center>

<a href="http://www.easycounter.com/cgi-bin/link1.exe">
<img src="http://www.easycounter.com/cgi-bin/count1.exe?index.html,lingliing"
ismap border="0" width="440" height="40" align="right"></a>
MaGiCSuN
07-12-2003, 10:56 PM
your coding must be:

<body background="Backgrounds/lai.jpg" bgproperties="fixed">
<p><p>

<center><form method="link" action="iamtree.html"><input type="image" src="Enterimg.jpg" align="center" style="position:absolute; top:30%; left:20%" style="filter:progid<img src="images/smilies/biggrin.gif" border="0" alt="">XImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style. filter='progid<img src="images/smilies/biggrin.gif" border="0" alt="">XImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style. filter='progid<img src="images/smilies/biggrin.gif" border="0" alt="">XImageTransform.Microsoft.BasicImage(grayscale=1)'"></form></center>

<a href="http://www.easycounter.com/cgi-bin/link1.exe">
<img src="http://www.easycounter.com/cgi-bin/count1.exe?index.html,lingliing" border="0" width="440" height="40" align="right" style="filter:progid<img src="images/smilies/biggrin.gif" border="0" alt="">XImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style. filter='progid<img src="images/smilies/biggrin.gif" border="0" alt="">XImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style. filter='progid<img src="images/smilies/biggrin.gif" border="0" alt="">XImageTransform.Microsoft.BasicImage(grayscale=1)'"></a>

you do have to change the bold parts :)

Love,
Mirna
lingliing
07-13-2003, 09:17 AM
Thanks again!! =) =) =) =)