Light up from an image
3 posters
Page 1 of 1
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 . This is an example:
- 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
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
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;
}
Similar topics
» Image 'light up' effect with mouseover
» Creating light blur and the drag on the image
» The header image, middle image, and footer image Code for PunBB
» Font is too light
» Light Box
» Creating light blur and the drag on the image
» The header image, middle image, and footer image Code for PunBB
» Font is too light
» Light Box
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum