Scrolling Affiliates Box on phpBB3 index [Mod]
Posted: Sun Jun 14, 2009 9:59 pm
I needed an affiliates box for phpBB but couldn't find one on phpbb.com so decided to make one.
This to add affiliate buttons or site links to index page at the bottom. There is no ACP module but very easy to add the links via html to the file.
There are two versions, so use whatever one you prefer. There is a version inside a box and another more subtle version on your forum background colour. The links scroll from right to left, but you can choose to just have them sit static centered via changing the file. The best images to add to this are the 88 x 31px buttons you see on toplists, etc.
To have a titled Links box Add this code to a new file in your editor and save it as affiliates.html:
Now download /style/template/index_body.html and find:
Above that add:
Save files and upload affiliates.html and index_body.html to styles/yourstyle/template/ and refresh templates cache in admin.
Whenever you need to add anymore buttons just download affiliates.html and add the link, reupload and refresh cache.
To have a little more subtle box, like this: Follow the instructions above, but instead use this code for affiliates.html
This to add affiliate buttons or site links to index page at the bottom. There is no ACP module but very easy to add the links via html to the file.
There are two versions, so use whatever one you prefer. There is a version inside a box and another more subtle version on your forum background colour. The links scroll from right to left, but you can choose to just have them sit static centered via changing the file. The best images to add to this are the 88 x 31px buttons you see on toplists, etc.
To have a titled Links box Add this code to a new file in your editor and save it as affiliates.html:
Guest text: ON
Available only to registered users.
Available only to registered users.
Guest text: OFF
Add your link buttons to where it says ADD HERE YOUR HTML LINKS for example:Code: Select all
<br clear="all" />
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt >Links</dt>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<li class="row">
<marquee direction="left" scrollamount="7" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=7">
ADD HERE YOUR HTML LINKS</marquee></li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
Guest text: ON
Available only to registered users.
Available only to registered users.
Guest text: OFF
Then use the same code to add more obviously changing the url/img/title and alt.Code: Select all
<a href="http://www.modphpbb3.com/toplist/" target="_blank"><img src="http://www.modphpbb3.com/toplist/button.php?u=MFOnet" alt="ModphpBB3 Forum Directory" border="0" /></a>
Now download /style/template/index_body.html and find:
Code: Select all
<!-- INCLUDE overall_footer.html -->
Code: Select all
<!-- INCLUDE affiliates.html -->
Whenever you need to add anymore buttons just download affiliates.html and add the link, reupload and refresh cache.
To have a little more subtle box, like this: Follow the instructions above, but instead use this code for affiliates.html
Guest text: ON
Available only to registered users.
Available only to registered users.
Guest text: OFF
Code: Select all
<br clear="all" />
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<marquee direction="left" scrollamount="7" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=7">
ADD HERE YOUR HTML LINKS</</marquee>
<span class="corners-bottom"><span></span></span></div>
</div>