The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Add affiliates to the bottom of your homepage

View previous topic View next topic Go down

Add affiliates to the bottom of your homepage

Post by Ange Tuteur on September 10th 2014, 4:27 pm

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 !


Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum