PDA

View Full Version : I need help with a type of mouse over effect...


guitarnerd
March 19th, 2002, 23:16
Ok I am redesigning my site and I am going to have mouse over effects like on cheatpark.com but I am not using images, so of course I am having trouble with it, What would the code be to do this? I need help asap, cause I am trying to design it as we speak but this is taking me longer than I thought
anhedonia
March 20th, 2002, 02:45
Yeah, well, cheatpark.com didn't work for me; so can you explain what kind of a mouseover you want? Cell colour mousover? Text change mouseover?
guitarnerd
March 20th, 2002, 02:52
Well I got the little text box pop up thing working now I want the cell backgrounf color to change on a mouseover. What is the easiast way to do that
guitarnerd
March 20th, 2002, 02:57
I am going to try this tell me if the syntax is right

<HTML> <HEAD> <TITLE>Try this...</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <TABLE width="10%" border="0"> <TR bgcolor="#313031"> <TD class="yellow" align="center" width="10%" onclick="location.href='about.htm'" onmouseover="this.style.backgroundColor='747074';this.style.cursor='hand' ;" onmouseout="this.style.backgroundColor='313031';this.style.cursor='hand' ;"> About </TD> </TR> <TR bgcolor="#313031"> <TD class="yellow" align="center" width="10%" onclick="location.href='profiles.htm'" onmouseover="this.style.backgroundColor='747074';this.style.cursor='hand' ;" onmouseout="this.style.backgroundColor='313031';this.style.cursor='hand' ;"> Profiles </TD> </TR> <TR bgcolor="#313031"> <TD class="yellow" align="center" width="10%" onclick="location.href='lessons.htm'" onmouseover="this.style.backgroundColor='747074';this.style.cursor='hand' ;" onmouseout="this.style.backgroundColor='313031';this.style.cursor='hand' ;"> Lessons </TD> </TR> <TR bgcolor="#313031"> <TD class="yellow" align="center" width="10%" onclick="location.href='video.htm'" onmouseover="this.style.backgroundColor='747074';this.style.cursor='hand' ;" onmouseout="this.style.backgroundColor='313031';this.style.cursor='hand' ;">Video</TD> </TR> </TABLE> </BODY> </HTML>

--------------------------------------------------------------------------------



and paste this into your style.css

Code Sample:
--------------------------------------------------------------------------------

BODY { background-color: #212021; scrollbar-face-color: #212021; scrollbar-highlight-color:#212021; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#212021; scrollbar-darkshadow-color:#212021; scrollbar-shadow-color:#FFFFFF; font-family: Verdana, Arial, sans-serif; color: #FF9A00; font-size: 11px; } TD.yellow { font-family: Verdana, Arial, sans-serif; color: #FFFF00; font-size: 11px; font-weight: bolder; } TD.orange { font-family: Verdana, Arial, sans-serif; color: #FF9A00; font-size: 11px; font-weight: bolder; }
byrdgirl13
March 20th, 2002, 20:40
i don't know much about style sheets...i would try using a hover, like

< html >
< head >
< style >
< !--
a.1:hover{color:______}
a.2:hover{color:______}
-- >
< /style >
< /head >

...and then in the link itself add class="1" or class="2"
i'm not sure how this would work in style sheets.
meow
March 20th, 2002, 21:22
There are no image roll overs either on cheatpark.com or cheatpark.net (if that was what you meant).
You have the background color thing a couple of posts down.
XeoNite
March 20th, 2002, 21:48
If you're talking about the boxes with text on the menu that's done in DHTML... uhm DHTML Menu Editor I am not sure if it has a trial version or if you know DHTML all by yourself =P

Kudos
anhedonia
March 21st, 2002, 02:00
There's scripts for that kind of stuff at http://www.dhtmlshock.com .
meow
March 21st, 2002, 02:49
If he is talking about "our" cheatpark and not htpp;//cheatpark.com he is using OVERLIB!!! (http://www.bosrup.com/web/overlib/) :p
guitarnerd
March 21st, 2002, 19:29
Yeah I found the over lib. I Have got it figured out thanks to you guys!:)
anhedonia
March 22nd, 2002, 03:35
Gotcha now.