Page 1 of 3

Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sun Jun 14, 2009 9:59 pm
by LDM
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
affiliates1.jpg
Add this code to a new file in your editor and save it as affiliates.html:
Guest text: ON
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>
<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>
Add your link buttons to where it says ADD HERE YOUR HTML LINKS for example:
Guest text: ON
Available only to registered users.
Guest text: OFF

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>&nbsp;&nbsp;
Then use the same code to add more obviously changing the url/img/title and alt.

Now download /style/template/index_body.html and find:

Code: Select all

<!-- INCLUDE overall_footer.html -->
Above that add:

Code: Select all

<!-- INCLUDE affiliates.html -->
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:
otheraffiliates.jpg
Follow the instructions above, but instead use this code for affiliates.html
Guest text: ON
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>

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Mon Jun 15, 2009 1:31 am
by cisco007
looks good LDM, i'll give it a go tomorrow! :good:

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Mon Jun 15, 2009 7:59 pm
by Ashley
That is a cool little mod LDM :thumbsup:

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sat Jun 27, 2009 5:10 pm
by red9skull
What am I doing wrong?

Code: Select all

http://screw-limits.lua.pl/

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sat Jun 27, 2009 7:07 pm
by LDM
Can you post in code tags, your affiliate html file.

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sun Jun 28, 2009 2:03 pm
by red9skull
Sure:

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">
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=211" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/17.png" alt="17 again" border="0" /></a>&nbsp;&nbsp;</marquee>

<marquee direction="left" scrollamount="7" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=7">
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=181" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/max.png" alt="Max Payne" border="0" /></a>&nbsp;&nbsp;</marquee>

<marquee direction="left" scrollamount="7" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=7">
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=180" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/benjamin.png" alt="Ciekawy przypadek Benjamina Buttona" border="0" /></a>&nbsp;&nbsp;</marquee>

<marquee direction="left" scrollamount="7" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=7">
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=117" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/szybko.png" alt="Szybko i wściekle" border="0" /></a>&nbsp;&nbsp;</marquee>

<marquee direction="left" scrollamount="7" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=7">
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=167" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/anioly.png" alt="Anioły i Demony" border="0" /></a>&nbsp;&nbsp;</marquee>

<marquee direction="left" scrollamount="7" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=7">
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=166" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/zapowiedz.png" alt="Zapowiedź" border="0" /></a>&nbsp;&nbsp;</marquee>

<marquee direction="left" scrollamount="7" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=7">
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=123" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/tak.png" alt="Jestem na tak" border="0" /></a>&nbsp;&nbsp;</marquee>

</li>
      </ul>
   <span class="corners-bottom"><span></span></span></div>
</div>

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sun Jun 28, 2009 3:14 pm
by LDM
Try saving this one as affiliate.html (or whatever you called the html file), reupload and recache template in admin.

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">
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=211" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/17.png" alt="17 again" border="0" /></a>&nbsp;&nbsp;
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=181" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/max.png" alt="Max Payne" border="0" /></a>&nbsp;&nbsp;
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=180" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/benjamin.png" alt="Ciekawy przypadek Benjamina Buttona" border="0" /></a>&nbsp;&nbsp;
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=117" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/szybko.png" alt="Szybko i wściekle" border="0" /></a>&nbsp;&nbsp;
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=167" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/anioly.png" alt="Anioły i Demony" border="0" /></a>&nbsp;&nbsp;
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=166" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/zapowiedz.png" alt="Zapowiedź" border="0" /></a>&nbsp;&nbsp;
<a href="http://screw-limits.lua.pl/viewtopic.php?f=25&t=123" target="_blank"><img src="http://screw-limits.lua.pl/images/filmy/tak.png" alt="Jestem na tak" border="0" /></a>&nbsp;&nbsp;</marquee></li>
      </ul>
   <span class="corners-bottom"><span></span></span></div>
</div>

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sun Jun 28, 2009 3:36 pm
by red9skull
Thanks! It's works! But how to do that after the last image shows the first?

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sun Jun 28, 2009 3:43 pm
by red9skull

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sun Jun 28, 2009 3:53 pm
by LDM
I don't think that can be done with standard marquee tag, you would have to look into adding a java applet and changing the code.

You could try this:
http://a-scrolling-text-applet-now-free ... chive.org/

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sun Jun 28, 2009 4:05 pm
by red9skull
I don't think that I know how to use them :/

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Thu Jul 09, 2009 2:10 pm
by TrainofThought
wow thanks, what a great little add-on. I was looking for something like this to add some topsite buttons, I will try it out, thanks a million :thumbsup:

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Tue Jul 14, 2009 2:25 am
by sixtiesrule
Hi,
I've searched everywhere for a mod like this & finally found it.
It is just what I was looking for. Thank you so much.

Just one little favour I would like to ask...I can't get the fromatting right in the affiliates.html file to go with a Subsilver theme.

Would you or anyone be able to help me out there?

The marquee is working fine...its just not in a nice box, as it appears on my Prosilver theme.
If I can't do the edits, it doesn't really matter...its only for appearances sake.

Thank you very much.

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Thu Aug 27, 2009 1:39 pm
by Mercenary
A very nice mod, if I may say so m8 ;)

Re: Scrolling Affiliates Box on phpBB3 index [Mod]

Posted: Sun Dec 06, 2009 8:26 am
by vi2doubleyu
hi, first thanks for nice mod,but how if I want that image from bottom to up ? I just know change the marque to up but all image have slide to up not one by one...any idea ?