Hello,
Ok what i will write below will work to all versions of forums.
How to add Affiliates in Footer
Step 1 (Template Editing):
Go to:
Admin Panel >> Diplay >> Templates >> General -> index_body
search for
{CHATBOX_BOTTOM}.
What you found now is the chatbox which is placed at the bottom of the forum.
After that add the below code:
Adding only one affiliate - Code:
<div class="affiliatesbymrmind" style="text-align:center;width:auto;">Affiliates
<a href="FORUM URL" target="_blank"><img src="FORUM LOGO" /></a>
</div>
The above code is to add only one affiliate. How it works.
-
affiliatesbymrmind is the element you can change stylishly via CSS. If you want to change that then you will have to use an other element in your CSS.
-
FORUM URL must be replaced by the forum or page or whatever you want to advert there with the link you want users to be transferred to.
-
FORUM LOGO must be replaced with the logo or any image you want so the users can press on the image and be transferred to the other page.
- Now take a look at this
<a href="FORUM URL" target="_blank">...</a>. This underlined part of the code you can remove it if you want. This simply opens the link in a new window. As soon as a user presses the affiliate you added it will open in a new window so the don't get to go from your forum.
Adding more than one affiliateAfter the
{CHATBOX_BOTTOM} add the below code and fill it with the needed information
- Code:
<div class="affiliatesbymrmind" style="text-align:center;width:auto;">Affiliates
<a href="FORUM URL1" target="_blank"><img src="FORUM LOGO1" /></a>
<br />
<a href="FORUM URL2" target="_blank"><img src="FORUM LOGO2" /></a>
</div>
Ok so here is how it works.
We have the same things as before only this time we have two
<a href="...">...</a>. This is for the number of the affiliates you want. Now you can copy it and paste it as many times as you want. Only notice one thing.
In the middle of them you can see a
<br />. This leaves a line to separate the two images. You can either leave it as it is and have the images displayed one under an other or remove it and only add some space
after each </a>.
After you are done with that, Save the template and them publish it by pressing the green cross next to index_body template
Step 2 (CSS adding):
Now one step left. Go to:
Admin Panel >> Display >> Picture & Colors >> Colors -> CSS Stylesheet
and add the below code:
- Code:
.affiliatesbymrmind img {width:**px !important; height:**px !important;}
Now what is this and how does it work.
affiliatesbymrmind is the element we were talking about before. Now we added the
" img" to the element so this will only affect the images in that element. So we are talking only for the logo images.
You must complete the fields
width:**px !important; and
height:**px !important; with the number of width and height you want you images to have. Notice that they will be provided in pixels. You must remove the
** in each code and replace them with a number (ex. width:40px !important; etc).
This is it. So if you Save it now then you will be finished.
Good Luck!
MrMind