Affiliate Box

[John1]

Ok so I see a few people asking about affiliates boxes on the bottom of their forum. Here is some code for a basic affiliate box (scrolling), I added some default images and also added a box with some sample text. You can change the width, color and text to suit your needs.

<center>
<table style="bottom: 14px; position: relative; border-collapse: separate;" class="bordercolor" cellspacing="0" cellpadding="0" width="92%" align="center" border="0"  >
<tbody>
<tr>
<td bgcolor="#cccccc">
<table style="border-collapse: separate;" bordercolor="#333333" cellspacing="1" cellpadding="8" width="100%" bgcolor="#cccccc" border="1">
<tbody>
<tr>
<td class="Affiliate" colspan="2">
<p align="center"><font class="Affiliate Text" size="2"><b>Affiliates</b></font></p></td></tr>
<tr>
<td class="Affliate" valign="top">
<div style="overflow: auto; width: 100%; height: 34px;">
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" scrolldelay="1">
<a href="#"><img alt="your affiliate button" src="http://img38.imageshack.us/img38/2186/affbutton.png" style="border-style: none"/></a> 
<a href="#"><img alt="your affiliate button" src="http://img38.imageshack.us/img38/2186/affbutton.png" style="border-style: none"/></a>
<a href="#" target="_blank"><img height="31" alt="your affiliate button" src="http://img38.imageshack.us/img38/2186/affbutton.png" width="88" style="border-style: none"/></a> 
<a href="#"><img height="31" alt="your affiliate button" src="http://img38.imageshack.us/img38/2186/affbutton.png" width="88" style="border-style: none"/></a>
</marquee>
</div>
</td>
<td class="windowbg2" valign="top" width="38%">
<div align="center"><font size="2">Become An Affiliate - MORE TEXT HERE!</font></div>
<div align="center"><font size="2" >Apply in </font><font size="2">affiliates board on the forums.</font></div></td>
</td></tr></tbody></table></td></tr>
</td>
</tr></tbody></table></center></div></td></tr></tbody></table>
</td>
</tr>
</tbody>
</table>

I will be showing you how to create rotating banners in my next topic (which will be tomorrow).

 

[Saruman]

I prefer my affiliates on the very top of my forum, just cause, lol

 

[John1]

Well you can put that at the top then 😉

Doesn't have to be at the bottom!

 

[Keith09]

Very nice thanks.. can you not just use Divs alot better.. good post anyway. do you know how to create those little buttons that go at the side of your side down the border and when you scroll down it moves.. that would be great to add if u know thanks...

 

[John1]

Yeah I could use the div better, but you would have to add to the style's .css file. So I just put it all into the the code above.

I am not sure I understand what you mean by the side down thing. Could you show me an example?

 

[Keith09]

ok, I created a Affiliate box aswell. IT shows the list of your affiliates Aswell as your affiliate code where members can add it to there site.

<!***AFFILIATE SCROLLER***>


<center><table width="60%" height="70" class="affoot" border="1">
<TR>
<TD class="maintitle"><img src="http://209.85.62.23/style_images/1/nav_m.gif"> Our Affliates     >>>>>  
<!***Add the url to your topic on how members can add there afifliate button.***>
<a href="http://realityfx.co.cc/topic/2290985/1/">Add your Button</a>

</TD>
</TD>
<TD class="pformstrip" width="30%"><b>Our Affiliate Code:</b></TD>
<TR>
<TD class="row4" width="50%">
<!***Add your affiliate images here below***>
<marquee>

<a href="http://latam.headtrash.net/topsite/data/1252268148.3848.php" target="_blank">
<IMG src="http://latam.headtrash.net/topsite/images/vote.gif" border="0" alt="http://latam.headtrash.net/topsite/"></a>

<a href="http://www.forum-topsite.net/index.php?method=pv&cat=Resource&start=1" target="_blank"><img src="http://www.forum-topsite.net/button.php?u=RealityFX" alt="Forum Topsite" border="0" /></a>

<a href="http://top100gfx.gotop100.com/in.php?ref=541" target="_blank">
<img src="http://top100gfx.gotop100.com/lists/top100gfx/custombanners/17308.png" border="0"> </a>

<a href="http://gfxtopsites.top-site-list.com/vote40.html" target="_blank">
<img src="http://gfxtopsites.top-site-list.com/images/voteimage/gfxtopsites-3.gif" border=0></a><br><font size=1></font>

</marquee>
</TD>
<TD class="code width="30%">
<!***You can add your own code here inside the xmp tag***>
<xmp><a href="http://www.realityfx.co.cc"
 target="_blank"><img src="http://i599.ph
otobucket.com/albums/tt77/gfx-core/Banne
rs/button2.png"></a>
</xmp>
</TD>
</TR>

</table>