TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

How do I do this?

Page: 1 Reply
Jul 17th 2003#114107 Report
Member since: Jul 17th 2003
Posts: 3
Click here
On this site, if you see on left to the bottom, there are icons that are links to different websites ( webcorp fx, action fx, eyes on design, etc.,). When I do a mouseover the icons, the icons brighten. How do I do something like that?
Reply with Quote Reply
Jul 17th 2003#114110 Report
Member since: Jun 25th 2003
Posts: 10
Either make a .css file that has the code in it then link to it or just use javascript. If you view source on the page you can see how they did it.

[CODE]
- img src="../psworkshop/images/asses/nexflo.gif"
width="88" height="31" border="0" style="filter:alpha
(opacity=30)" onMouseOver="nereidFade(this,100,10,30)"
onMouseOut="nereidFade(this,30,10,5)" alt="Nexflo" -
[/CODE]
Reply with Quote Reply
Jul 17th 2003#114112 Report
Member since: Sep 16th 2002
Posts: 1876
There's a detailed tutorial on this site: http://www.thedesigncore.com/ ... look under tutorials >> javascript >> fade

But basically it's described in the post by Jimbo.
Reply with Quote Reply
Jul 17th 2003#114114 Report
Member since: Jul 17th 2003
Posts: 3
Thank you :D
Reply with Quote Reply
Jul 25th 2003#115174 Report
Member since: Jul 25th 2003
Posts: 2
this is quite simple to do actually. First add the following HTML under the tag:
-----------------------------------------------------------------------------------


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

You can just copy everything and add it directly into your websites HTML. After that just add the following HTML inside the tag of the image(s) that you want to apply the fading effect to:

style="filter:alpha(opacity=30)" onMouseOver="nereidFade(this,100,30,5)" onMouseOut="nereidFade(this,30,50,5)"

You should probably be fairly familiar with HTML inorder to place the code in its proper place. If you don't know what an Image tag is look at your websites source code and find a string of text that looks something like this

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

picture

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

Where the "**" is where you place the above ^ style= "filter:alpha --- etc. tag
Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum