The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Add affiliates to the bottom of your homepage

Go down

Tutorial Add affiliates to the bottom of your homepage

Post by Ange Tuteur Wed Sep 10, 2014 9:27 am

Add affiliates to the bottom of your homepage


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

Add affiliates to the bottom of your homepage Captu144


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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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