Printable View
Ya, Everyone knows the On Mouseover image scripts where theres like a man on a bike you put your cursor over it, And it changes to a woman or something, Like on the habbo buttons
But its is possible with Divs?
Like <div id="button_off">Home</div>
But on MouseOver
<div id="button_on">Home</div>
And on MouseOut back to:
<div id="button_off">Home</div>
++++Rep Ty :)
Ermmm... could i see a preview of what your trying to do?
yes there is.
duplicate the div in the CSS and add :hover to one of them and change some stuff
Hmm
So like
#button {
background-image: url (images/button.png)
Then what!?, How do i set the background of the div to change when hovered
Like...
background-image:hover: (images/button2.png) ?
#button:hover {
background-image: url (images/buttonhover.png);
}
Yes But...
So
<div id="button">Hi</div>
thats all i need and #button:hover will also relate to that?
yes .
try it and if it doesnt work, show me a link
and your sig should be sign, not sing, (unless its meant to be lol)
Lol i know!
#button {
background-color: #EAF7FB;
width: 20px;
float: center;
margin-right: 90px;
text-align: left;
margin-top: 0px;
font-size: 10px;
font-face: Verdana;
font-weight: bold;
font-decoration: None;
font-color: Black;
border-style: solid;
border-color: #000000;
border-width: 1px;
}
#button:hover {
background-color: #ffffff;
width: 90px;
float: center;
margin-right: 90px;
text-align: left;
margin-top: 0px;
font-size: 10px;
font-face: Verdana;
font-weight: bold;
font-decoration: None;
font-color: Black;
border-style: solid;
border-color: #000000;
border-width: 1px;
}
I tried that, But i hover over and nothing!
hmm, do you have a link. it may be playing up because of the widths
No its currently passworded
Isn't there a way of like using the image script and then replace the Images with Divs?
<div id="button1" onmouseover="button2" >
summot like tht
i dont know why it hasnt worked :S
and unfortunately, i dont know of any other ways sorry.
Ok...
Thank You anyway
http://www.habboxforum.com/showthread.php?t=464406
i think you mean this.
weve already done that :)
link to show my method: click
#button {
background-color: #FF0000;
}
#button:hover {
background-color: #000000;
}
still the button is red, and on hover nothing
can you not get rid of the password protect? otherwise we just wont know
or upload somewhere else
:/, I'll tell you what i'll make another file with it on
do you want built in CSS or external?
any, it doesnt really matter, just make sure we can view the website and the css
HabboLIFE.co.uk/x
just a suggestion, but the code you gave me is not valid anyway. btry adding head tags, proper style code if you havnt already
HTML Code:<html>
<head>
<style type="text/css">
<!--
#button {
background-color: #FF0000;
}
#button:hover {
background-color: #000000;
}
-->
</style>
</head>
<body>
<div id="button">Button!</div>
</body>
</html>
Done that, Still nothing...
Could Windows server be anything to do with it ? cos i know some scripts dont work properly on windows
no its not that. I ahve no idea why yours is not working.
have you tried just that code and tested it? if not, try it. It may be your computer or browser
well it dosent work for you either
erm when did i say that?
link
What teh hell!¬
I've just looked in Firefox and it works! but not in IE!
So it works in your site
And on mine only in FF!
?
Can you tell me what it is for when you click
like button:click?
http://www.htmldog.com/articles/suckerfish/focus/
That script works on IE, Normal ones such as basic onmouseover /onfocus / :hover won't work ;).
:hover doesn't work in ie? It does for me lol
Well not on divs :PQuote:
Originally Posted by JJ
go on ie and go to http://www.cheatssource.co.uk/showcase/Codeetech/
Can someone tell me how to make it change on click too
Like when you click it turns different for a coupl of seconds?
a:active {
color: #000000;
text-decoration: none;
}
is the CSS code.
(edit the #000000 to what colour you like)
I'm no javascript coder, but I'm sure i've seen ' this.src= ' on a hover image before before.
So could you not do:
<div style="background:red;" onmouseover="this.style='background:blue;'" onmouseout="this.style='background:red;'"></div>
:) I tried anyway.. :P