Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
TheCrow

HTML CSS Add affiliates to the bottom of your homepage

Recommended Posts

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
, doing so will force the elements after it onto the next line.

When finished save and publish the template. ( :add: )


CSS Code




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 !
Enjoy!! Smile




Official Support Forum link of Tutorial: https://help.forumotion.com/t135528-add-affiliates-to-the-bottom-of-your-homepage#912737

© forumotion.com
  • Like 1

Share this post


Link to post
Share on other sites

×
×
  • Create New...