WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Opacity on roll over Empty Opacity on roll over Tue Oct 12, 2010 3:49 pm

Terry Harvey

Terry Harvey
Registered Member
Registered Member
I found a code on the internet, but it doesn't work. It is meant to go to 0% opacity over mouse roll-over. But it doesn't. Well it does. Well it's hard to explain. This is my old forum which I've set a demo up on. The problem is, it's opacity is at 0% at first, but I want the opacity to be at 70% by default. Here is the demo:

http://advertisebuddy.forumotion.com/demo-h1.htm

Here is my code:

Code:
<div align="center">
<a href="MY FORUM ISN'T OPENED YET" class="highlightit" target="_blank" title="Become a Pilot Contest" style="margin-bottom:10px;">
<img src="http://i21.servimg.com/u/f21/15/31/59/84/edlogo16.png" style="opacity: 1" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=70" border="none"/>
</a>
</div>
<br/>

2Opacity on roll over Empty Re: Opacity on roll over Tue Oct 12, 2010 4:13 pm

ankillien

ankillien
Administrator
Administrator
Hi,

Replace this part style="opacity: 1" with this one...
style="opacity: 0.7"

It should be working fine then.

3Opacity on roll over Empty Re: Opacity on roll over Tue Oct 12, 2010 4:22 pm

Terry Harvey

Terry Harvey
Registered Member
Registered Member
Thanks, this can be locked now.

4Opacity on roll over Empty Re: Opacity on roll over Tue Oct 12, 2010 5:34 pm

ankillien

ankillien
Administrator
Administrator
Glad I could help, mate Very Happy

Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Similar topics

-

» Opacity

Permissions in this forum:
You cannot reply to topics in this forum