Light up from an image
Light up from an image
Hello,
I don't know if I may ask it here, but I'm looking for a code. A code for when you move your mouse over an image, the image will light up :3 As the affiliates in this forum: http://perished.actieforum.com/forum (Affiliates on the footer of the index) Thank you in advance!
Gr, Nele
I don't know if I may ask it here, but I'm looking for a code. A code for when you move your mouse over an image, the image will light up :3 As the affiliates in this forum: http://perished.actieforum.com/forum (Affiliates on the footer of the index) Thank you in advance!
Gr, Nele
Re: Light up from an image
Hi 
If you're using a footer code, you have to have 2 parts of it
. This is an example:
And then:
The trick they used was that they lowered the opacity of the pictures in the first code to dark so that when you hover it, they turn lighter
.
If you have a hard time understanding, please post here your full code for affiliates, including CSS so that we may help you
.
Regards,
Pizza Boi

If you're using a footer code, you have to have 2 parts of it

- Code:
#affiliates {
opacity: 0.8;
}
And then:
- Code:
#affiliates:hover {
opacity: 1;
}
The trick they used was that they lowered the opacity of the pictures in the first code to dark so that when you hover it, they turn lighter

If you have a hard time understanding, please post here your full code for affiliates, including CSS so that we may help you

Regards,
Pizza Boi
Re: Light up from an image
It didn't work but maybe because I used something different. For my Affiliates, I used this 'code':
It's not really a code. I have pasted this below the template index_body and that was a easy way to put my Affiliates on the footer of my forum...
- Code:
<blockquote><a href="http://perished.actieforum.com"><img src="http://i44.tinypic.com/k48pp3.jpg" border="0" alt="Image and video hosting by TinyPic"></a><a href="http://www.dreamhorses.biz/forum.htm"><img src="http://i53.tinypic.com/288uvch.jpg" border="0" alt="Image and video hosting by TinyPic"></a></a><a href="http://chimorea-horses.actieforum.com/"><img src="http://i59.tinypic.com/2hwnsc1.jpg" border="0" alt="Image and video hosting by TinyPic"></a></a>
</div>
It's not really a code. I have pasted this below the template index_body and that was a easy way to put my Affiliates on the footer of my forum...
Re: Light up from an image
Hello Nibsy,
Change your HTML to :
And use the following CSS :
Change your HTML to :
- Code:
<div id="afilBlock"><a href="http://perished.actieforum.com"><img src="http://i44.tinypic.com/k48pp3.jpg" border="0" alt="Image and video hosting by TinyPic"></a><a href="http://www.dreamhorses.biz/forum.htm"><img src="http://i53.tinypic.com/288uvch.jpg" border="0" alt="Image and video hosting by TinyPic"></a><a href="http://chimorea-horses.actieforum.com/"><img src="http://i59.tinypic.com/2hwnsc1.jpg" border="0" alt="Image and video hosting by TinyPic"></a></div>
And use the following CSS :
- Code:
#afilBlock img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
#afilBlock img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum