This is my first SmfForFree code, so don't be surprised if it's dumb. (the affiliates only show up on the main page portal lol. I could probably make it better, but I'm too tired
)
There's not much "actual code" in it, but whatever
Start by going to the Admin panel. (By the way this uses jQuery)
Under Configuration, click on portal settings.
Make sure Enable Portal is checked.
Under Add Block, type in "Affiliates" in the name field. Make sure the type is html. Make the alignment say "center".
Click edit html under the block type thing.
In the box, type in <center> and </center>. In the center tags, put your affiliate. The syntax of it should be like this:
<a href=link to site><img src=image></a>
Put as many of those as you want in.
After all of your affiliates are added, add in the following code:
<span class="affiliate"><br /><br /></span>
Remember, this should all be in the center tag.
Now comes the actual JavaScript
In all of the img tags, put in the following code:
onMouseOver="$('.affiliate').html('<br />' + 'DESCRIPTION OF SITE')" onMouseOut="$('.affiliate').html('<br /><br />')"
Replace DESCRIPTION OF SITE with a description of the site.
At the end, your html should look like this:
<center><a href="affiliate1"><img src="affiliate1image" onMouseOver="$('.affiliate').html('<br />' + 'This site is cool.')" onMouseOut="$('.affiliate').html('<br /><br />')"></a><a href="affiliate2"><img src="affiliate2image" onMouseOver="$('.affiliate').html('<br />' + 'This site is awesome.')" onMouseOut="$('.affiliate').html('<br /><br />')"></a><a href="affiliate3"><img src="affiliate3image" onMouseOver="$('.affiliate').html('<br />' + 'This site is amazing!')" onMouseOut="$('.affiliate').html('<br /><br />')"></a></center>
Save the HTML and viola! you just wasted 5 minutes installing a dumb script! Enjoy
Preview: http://codewatchers.smfforfree4.com/index.php
It automatically makes the box bigger when you hover over the affiliate, but that doesn't happen if you add more stuff to the portal