PDA

View Full Version : how to make it transparent?

GlorFinderIV
07-20-2005, 04:40 PM
Hi all.

I am making my first HTML webpage.

I want that some butoms belives transparent and when you put the mouse, then you can see them. How to do it? thx
rg3
07-20-2005, 06:13 PM
Using CSS, you can set the display property to none in those elements and use a hover effect to change the property to anything else.

Edit: or maybe the visibility properties with values hidden and visible.


<html>
<head>
<title>Hover test</title>
<style type="text/css"><!--
body {
font-family: sans-serif;
text-align: center;
}
#box {
border: 1px solid black;
}
#message {
visibility: hidden;
}
#box:hover > #message {
visibility: visible;
}
--></style>
</head>
<body>
<h1>Hover your mouse pointer over the box</h1>
<div id="box"><h1 id="message">CSS allows this</h1></div>
</body>
</html>
GlorFinderIV
07-21-2005, 12:46 AM
ok, thx, but where do the filename(image) goes writed?
AlienAssKicker
07-26-2005, 04:09 AM
http://forums.3drealms.com/ubbthreads/sh...true#Post791711 (http://forums.3drealms.com/ubbthreads/showflat.php?Cat=&Board=programming&Number=791711&Searchpage=1&Main=791653&Words=+AlienAssKicker&topic=&Search=true#Post791711)
GlorFinderIV
07-26-2005, 12:46 PM
Many thx, i got it now http://forums.3drealms.com/ubbthreads/images/graemlins/smile.gif
GlorFinderIV
08-10-2005, 01:34 PM
And how to make it inverse?

I want also to make it normal and when mouse is over it, it belives transparent. How to do it??

What is wrong here?¿

<img
src="http://www.mandarindesign.com/images/text.jpg"
width="805" height="186"
alt="solar-radar (7K)"
style="-moz-opacity:1;filter:alpha(opacity=50);cursor:hand"
onmouseover="this.style.MozOpacity=0.5;this.filters.alpha.opaci ty=50"
onmouseout="this.style.MozOpacity=100;this.filters.alpha.opaci ty=100"
>

With that, it shows transparent first time, when i put mouse, it shows transparent also and if i take out the mouse, it becomes normal. Why?

____________________________________________

Also, how to get that in the webpage?
http://www.airsoftforum.com/
That the mouse have a red cross. How?

thx
NetNessie
08-11-2005, 02:38 AM
Beacuse:

<font color="#B16F36">onmouseout="this.style.MozOpacity=<font color="#FFB15D">100</font>;this.filters.alpha.opacity=100"</font>

A value of 100 is incorrect, it should just be 1.
Then again, I havent tested this so I can guarentee it'll work to its fullest.
GlorFinderIV
08-11-2005, 01:09 PM
It doesnt work http://forums.3drealms.com/ubbthreads/images/graemlins/frown.gif. What to do then??

thx
IwantMORE
08-11-2005, 08:48 PM
Use javascript!
GlorFinderIV
08-13-2005, 04:19 AM
what you mean?