The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Transparency images

View previous topic View next topic Go down

Solved Transparency images

Post by Dustfire on August 26th 2013, 12:56 pm

Looking for a code x)
My English isn't that great so I'll try to explain it as good as I can.
At the bottom of my forum, I have some banners listed (linkpartners)

What I want: I want the banners to show up with like.. 60% transparency, but when you hover over them with your mouse, the transparency fades away. (images)


Last edited by Dustfire on August 26th 2013, 4:28 pm; edited 1 time in total

Dustfire
Forumember

Female Posts : 36
Reputation : 1
Language : Dutch
Location : The Netherlands

http://perished.actieforum.com

Back to top Go down

Solved Re: Transparency images

Post by runawayhorses on August 26th 2013, 1:09 pm

Can you post a link to your forum so I can see the link partners? The link in your profile the forum doesn't show any. If I can see the images I can work out a code for your selector.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Transparency images

Post by Dustfire on August 26th 2013, 1:52 pm

Of course, the forum I meant was my test forum; the link is neejaa.actieforum.com/forum

Dustfire
Forumember

Female Posts : 36
Reputation : 1
Language : Dutch
Location : The Netherlands

http://perished.actieforum.com

Back to top Go down

Solved Re: Transparency images

Post by runawayhorses on August 26th 2013, 2:10 pm

OK, add this code at the very beginning of all the codes affiliated with the partner images, that can mean table coding also.

Code:
<style type="text/css">
.myclass img {
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

.myclass img:hover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
</style>
<div class="myclass">
Add this at the very end of all the codes with the partner images:

Code:
</div>

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Transparency images

Post by Dustfire on August 26th 2013, 4:27 pm

Omg yay it works! Thanks a lot! <3

Dustfire
Forumember

Female Posts : 36
Reputation : 1
Language : Dutch
Location : The Netherlands

http://perished.actieforum.com

Back to top Go down

Solved Re: Transparency images

Post by SLGray on August 26th 2013, 6:21 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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