Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
|
|
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 ------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------ 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 |
© Web Media Network Limited. All rights reserved. No part of this website may be reproduced without written permission. Photoshop is a registered trademark of Adobe Inc.. TeamPhotoshop.com is not associated in any way with Adobe, nor is an offical Photoshop website. |