Affiliate Table Request

[Frosty225]

Hello, I was wondering if someone could help me with making an affiliate table? I would like it similar to how This Site has there affiliates done in their side bar however I would like that in a large table at the bottom of my forum that's about as close to the boards as the side bar. I'd also like the background and border to match the Side bars. I would also like to keep that effect where it's grayscaled until you hover over the affiliate banner. I would do this myself however the means of how to do such a thing elude me.

My site

[Former Member]

Please link to your forum

[Frosty225]

bump

[Frosty225]

Bump

[Former Member]

I have no idea how to go about the greyscale to color when hovered effect, I've never seen it before and inspect element is revealing nothing to me but I can probably code the rest for you. Would you want something similar to the bottom affiliate box on alcryst.proboards.com/ where it says Affiliates and then has three rows of images? If so, I can help you out to get something like that but customized to your site. If you're wanting something else, visual examples would help for either myself or another coder =)

[Frosty225]

Something like that would be nice, possibly have the third roll scroll left to right? And much sharper edges with about the same border width as the side bar

[Former Member]

Alright this will be a bit trial-and-error so I'm gonna have you throw this up and then just work from there. Put this in your Main Footer if you want it only on your homepage and on your Global Footer if you want it site-wide.

<div style="border: 5px solid #000000; background-color: #95a57a; width: 100%; max-height: 150px; overflow: auto;">

<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">
<img src="http://placehold.it/81x33">

</div>

we'll go from there

[Frosty225]

It works but there seems to be no cellpadding between the place holders on the top and left hand side.

[Former Member]

Do you mean you want it centered? Add
align: center;
to the div style code. The righthand side doesn't have a border because it's too wide so change width: 100% to however wide your boards are. So width: 860px; or whatever the width is, I'm not sure.