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.

[AzzidReign]

I've found all the xhtml problems. I'll be updating this product within the next few days!

[Mag1c]

great product azzid!

[AzzidReign]

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.

I believe I've fixed all of the xhtml errors. I tested it out on my testboard and everything checked out properly. If you have a problem, please let me know.

And I apologize for the inconvenience this update may bring to some people but I hope it's smooth sailing from here.

If anyone is interested on making an ACP menu option addon for this, please contact me. I'm always up for making things easier for people.

[principino1984]

thanks man, great hack!

Marco

ps. how do you make those little button? is there any web site where you can make it easly?

[AzzidReign]

You use photoshop to make them. Go to my site (the demo link) and you can learn how to use photoshop and make your own

[AzzidReign]

Guys, a new update is on its way. I'm going to be working on getting the ACP options for you guys

[principino1984]

great! can't wait for it!!!

[neonneon]

Wow, Azzid, I didn't know you coded! Sweet! Im starting to love you more and more!

[AzzidReign]

lol Nm of a coder...I just know some basic xhtml/css.

[josepheseven]

nice mod.....will use it in future

*Installed