Affiliates On Footer

So I am confused on how to put affiliates under the chatbox, I've seen many sites with it and step by step help would be amazing!

I have a phpBB2 board!!




Thanks in advanced (:

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

Administration Panel > Modules > Footer Links
Activate it, then add the information.

Or are you referring to images?

Like this ^^

& sorry just changed it.

up

Hello,

Ok what i will write below will work to all versions of forums.

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 affiliate
After 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

Thank you soo much<3 this helped a lot!!!!!!

Topic archived

If you have anymore questions, do not hesitate to open a new topic. Have a nice day.