Add affiliates to the bottom of your homepage

by Ange Tuteur 10/9/2014, 16:27

Add affiliates to the bottom of your homepage

This tutorial will help you with adding affiliates to the footer of your Forumotion forum.

Editing the index_body

Go to Administration Panel > Display > Templates > General and open the index_body template.

Search for {CHATBOX_BOTTOM} and paste the code below after it :

Code:: <div id="affiliate_box"> <div id="affiliate_title">Affiliates</div> <a href="FORUM_URL" target="_blank"><img src="FORUM_LOGO" /></a> </div>

affiliate_box : is the id used to style the affiliate container
FORUM_URL : Replace this by the URL of your affiliate's website
FORUM_LOGO : Replace this by the URL of your affiliate's image

In the link you will see target="_blank", this means that the link will open in a new window, or tab. You can remove this depending on your preferences.

Adding more than one affiliate :
To add more than one affiliate simply copy and paste the code below after your last affiliate link :

Code:: <a href="FORUM_URL" target="_blank"><img src="FORUM_LOGO" /></a>

To add a new line write <br/>, doing so will force the elements after it onto the next line.

When finished save and publish the template. ( Add

)

The style

Go to Administration Panel > Display > Picture & Colors > Colors > CSS Stylesheet and paste the following code :

Code:: #affiliate_box { text-align:center; background:#EEE; border:1px solid #CCC; margin:6px 0; padding:3px; } #affiliate_title { color:#666; font-size:14px; font-weight:bold; border-bottom:1px solid #CCC; margin-bottom:6px; padding-bottom:3px; }

As mentioned earlier #affiliate_box is used to define the style of the affiliates container. You can change the background, border, alignment.. #affiliate_title is used to define the style of the title( Affiliates ) you can change the font color, size, border..

When finished, submit, and it's done !