Forum Home Enhancements - Affiliate Box - Scrolling and Fading Affiliate Buttons

Keywords: affiliate, affiliates, partner, partners, scrolling box, fading images

Update: XHTML VALID NOW!
There are more template edits guys, sorry. This will fix xhtml errors.
For those that use TMS, you won't have any template edits.
Also, marquee has been removed due to the xhtml errors. If you don't care about being xhtml valid, I'll explain how to get your marquee back.

Features:
Adds an affiliate box in "What's Going On?"
Collapsible box
Images are faded and they light up when you scroll over them


Live Demo: LayeredGFX - Sorry, I've moved my affiliates to an affiliates page so live demo doesn't work.



Install instructions for TMS users:
Upload product
[optional] If you want the topsites to show, go into TMS > Affiliates and FORUMHOME: Add topsite box, set active: YES.


Install instructions for Non-TMS users:

Go to Styles & Templates > Style Manager > Edit Templates
Choose Forum Home Templates > Forumhome

Find:

<if condition="$show['birthdays']">
<!-- today's birthdays -->

Add above:

<!-- insert affiliate box -->

OPTIONAL: To add the topsites, add below <!-- insert affiliate box -->:

<!-- topsitebox -->

Choose headinclude template.
Find:

<!-- / CSS Stylesheet -->

Add above:

<style type="text/css">
.imgfade{filter:alpha(opacity=30); -moz-opacity:0.5;margin-left:3px}
.imgfull{filter:alpha(opacity=100); -moz-opacity:1;margin-left:3px}
</style>

You're done!



To add a site, go to Styles & Templates > Style Manager > Edit Templates > Affiliates and find affiliate_sites (topsite links are found in affiliate_topsite_sites). In there, you can add this code:

<a href="SITE LINK" target="_blank" ><img class="imgfade" onmouseover="this.className='imgfull'" onmouseout="this.className='imgfade'" src="IMAGE LINK" alt="ALT TEXT/DESCRIPTION/SITE TITLE HERE" border="0" /></a>

The affiliates phrase is affiliate_sites.
The topsite phase is topsites.


For those still interested in marquee, you can add this above your first affiliate/site/link:
<marquee width="100%" valign="center" direction="left" scrolldelay="2" scrollamount="1.5" onmouseover="this.stop()" onmouseout="this.start()">

And add this below your last affiliate/site/link:
</marquee>


Updates
July-16 2007 - Added products for affiliate + topsites and affiliate + topsites marquee as requested and as shown on my site.

v1.1 August-9 2007:
-Fixed xhtml problems
-Added TMS support
-Moved template out of forumhome
-Added more templates to make things easier
-Grouped the templates
-Cached the templates
-Removed marquee from being installed. Can add manually.

[mystic10]

i have problem..i just uploaded a new extrempixel skin..iphorum...i followed the step i see the afiliates box but i dont see the content..i dont know why

in the affiliate box site this is what i did below..when i preview it before saving i see everything done correctly but when i save it to see it on the forum i dont see anything..please help

<a href="http://www.yah00-city.com"><IMG SRC="http://www.yah00-city.com/images/yahoobut.gif" border=0 width=88 height=31 ></a>
<br>
Link to us:
<br>
<form method="get" target="_top">
<textarea name="terms" cols="10" rows="2" wrap="hard">
<a href="http://www.yah00-city.com"><IMG SRC="http://www.yah00-city.com/images/yahoobut.gif" border=0 width=20 height=20 ></a></textarea></form>

[mystic10]

never mind i just reuploaded it using tms and it worked..thanks its great hack

[inciarco]

Great Mod, Works Really Good with vB 3.6.7 PL1!! :up:

I Like a lot the Marquee Effect!! :up:

Thank Your Very Much For Sharing this Great Mod, is Very Useful!! :up:

My Best Regards!!

[pipman]

In your instructions you say "Choose headerinclude template."

Do you mean "headinclude template"??? Since it's the only option available.

[AzzidReign]

lol Yes. I'll change that now.

[Tails0600]

http://forums.sonic-deck.co.cc

The Affiliates bar is appearing above Birthdays, but isn't displaying content. I'm not using TMS, so, any help would be appreciated. The coding is like this:

<marquee width="100%" valign="center" direction="left" scrolldelay="2" scrollamount="1.5" onmouseover="this.stop()" onmouseout="this.start()">

<a href="http://ghs.b1.jcink.com" target="_blank" ><img class="imgfade" onmouseover="this.className='imgfull'" onmouseout="this.className='imgfade'" src="http://i227.photobucket.com/albums/dd213/Sam_3000/lrmbaff.png" alt="LRMB" border="0" /></a>

...

...

...

</marquee>

Where ... are more links. This is listed in the Affiliate_Sites Template. Nothing is appearing in the box at all, and I followed all instructions. Thanks in advance!

This is an awesome mod though, it looks great, and other than my problem, seems to function great too!

[AzzidReign]

Hi, I just got your PM and responded. Please click "Install" for further support.

[Tails0600]

Gotcha, I clicked it then. sorry about that, lol

[ExTincTi0N]

Will this be coming out for 3.7 anytime soon?

[AzzidReign]

I don't see why it wouldn't work with 3.7.x. If there's a problem, let me know and I'll check it out on your site.