PDA

View Full Version : Forum Home Enhancements - Great Affiliate Page for your Forum


mikey1991
21 Apr 2009, 03:47
Okay, so here is a little template edit/hack that will add an official looking affiliates page to your forum.

Firstly, you'll need to go to the AdminCP -> Styles & Templates -> YourSkin* -> Add New Template, we'll name it "custom_Affiliates" (note the custom_ and the capital "A", these are very important.)

In your new template, copypaste the contents of the "GENERIC_SHELL" template. Which is as follows:

$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]" id="vbulletin_html">
<head>
$headinclude
<title>$vboptions - Affiliates</title>
</head>
<body>
$header
$navbar

$HTML

$footer
</body>
</html>

Now, heres the cool part, see that $HTML, up there in the template? Thats what you want to change in your new template.

so, here goes, find:
$HTML

and replace it with:

<div class="spacer"></div>



<div class="spacer"></div>

<div align="center">

<table class="tborder" border="0" cellpadding="6" cellspacing="1" width="95%">
<tbody>
<tr>
<td class="tcat" colspan="4">Affiliates</td>
</tr>
</tbody>
<tbody>
<tr>


<center>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff1.png" alt="Affiliates" border="0"></td>
<td class="alt1"><div class="smallfont">

<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>

</div></td>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff2.png" alt="Affiliates" border="0"></td>
<td class="alt1"><div class="smallfont">

<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>

</div></td>

</tr>
</tbody>
</table>
<a href="http://parlancia.com"><div class="smallfont">Affiliates Page created by Mad Mikey</a></div>
</div>


Then, upload the two attached images (or two of your own choosing, name them Aff1 and Aff2, and make sure that they are *.png's) to http://yoursite.com/yourforumdir*/images (if you don't have a forum directory, upload to /images).

This should result in a page like this:

Image: http://i43.tinypic.com/2lxz76x.png

LIVE DEMO (http://parlancia.com/forums/misc.php?do=page&template=Affiliates)

Now, we add a link to it, where people can click it, so lets add a link to the navbar, shall we?

so, go to [B]AdminCP -> Styles & Templates -> YourSkin* -> Navigation & Breadcrumb Templates -> navbar

find:
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>

Add below:

<td class="vbmenu_control"><a href="misc.php?do=page&template=Affiliates"><abbr title="visit our affiliates today, click here!">Affiliates</abbr></a></td>

Now there should be a link on your navbar called "Affiliates" and when you hover your mouse over it, it will say in a little popup hoverbox thingy (yes, I know, that name is too awesome) "visit our affiliates today, click here!"... Feel free to customise that.

Just customise the template to your liking now, so, lets be sure, here is how the tag works:

<a href="HTTP://YOUR LINK GOES HERE.COM" target="_blank" title="THIS IS WHAT VISITORS WITHOUT IMAGES ENABLED WILL SEE">This is the link that people click to access your affiliates site.</a><br>


So, your finished template will look like this:

$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]" id="vbulletin_html">
<head>
$headinclude
<title>Affiliates - $vboptions[bbtitle]</title>
</head>
<body>
$header
$navbar

<div class="spacer"></div>

<div class="spacer"></div>

<div align="center">

<table class="tborder" border="0" cellpadding="6" cellspacing="1" width="95%">
<tbody>
<tr>
<td class="tcat" colspan="4">Affiliates</td>
</tr>
</tbody>
<tbody>
<tr>


<center>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff1.jpg" alt="Affiliates" border="0" WIDTH="80" HEIGHT="80"></td>
<td class="alt1"><div class="smallfont">

<a href="index.php" target="_blank" title="Parlancia Forums">Parlancia Forums</a><br />
<a href="http://therogueforums.com" target="_blank" title="The Rogue Forums">The Rogue Forums</a><br />
<a href="http://gamelair.com" target="_blank" title="GameLair">Gamelair</a><br />
<a href="http://zeroboards.net" target="_blank" title="ZeroBoards">ZeroBoards</a><br />

</div></td>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff2.jpg" alt="Affiliates" border="0" WIDTH="80" HEIGHT="80"></td>
<td class="alt1"><div class="smallfont">

<a href="http://s1.zetaboards.com/DeviousTyrantRP" target="_blank" title="Devious Tyrant RP">Devious Tyrant RP</a><br>
<a href="http://www.foxhound-clan.com/" target="_blank" title="Foxhound">Foxhound</a><br>
<a href="http://www.davidalphin.com" target="_blank" title="David Alphin Forums">David Alphin Graphics</a><br>
<a href="http://www.mindtwistforums.com/" target="_blank" title="Mind Twist Forums">Mind Twist Forums</a><br>

</div></td>

</tr>
</tbody>
</table>

</div>
<a href="http://parlancia.com"><div class="smallfont">Affiliates Page created by Mad Mikey</a></div>
<br />
$footer
</body>
</html>

Woot, All finished! you can access your finished poage from this link: http://yoursite.com/yourforumdir/misc.php?do=page&template=Affiliates

And you're all done =D

Wow, long read.

IF YOU USE THIS HACK AND LIKE IT, PLEASE CLICK INSTALLED.

To Do:
Make an Image\Flash Alternative
================================================================================ ===============


*= Changes depending on board

(IF ANYONE CAN HELP ME MAKE THIS INTO A PRODUCT THAT CAN BE IMPORTED, IT WOULD BE GREATLTY APPRECIATED)

PRODUCT FOR THIS TEMPLATE EDIT (http://www.vbulletin.org/forum/showthread.php?t=212593)

mikey1991
21 Apr 2009, 03:50
Upload Aff1.png and Aff2.png to "yoursite.com/yourforum/images"

sample.png is a screenshot of what it should look like.

~RESERVED~

Remember to click install if you use this. All the people who have replied haven't clicked install, even if they say they're going to be using it.

Jasem
21 Apr 2009, 10:46
This is great!! thank you!

DariuS7
21 Apr 2009, 12:45
Ooh fancy.

Sweeks
21 Apr 2009, 14:21
Rather nice, will try an install later on :)

Thank you for this.

EDIT: Just noticed on your example it says "Parlancia better viewed in Firefox", does the same go for this template or is it cross browser compatible?

Thanks
________
Hawaii dispensary (http://hawaii.dispensaries.org/)

mikey1991
21 Apr 2009, 18:01
Rather nice, will try an install later on :)

Thank you for this.

EDIT: Just noticed on your example it says "Parlancia better viewed in Firefox", does the same go for this template or is it cross browser compatible?

Thanks

That statement is there because we don't support internet explorer related errors, and we have optimised certain templates for FireFox, that's all. This template is cross browser enabled, feel free to try it in safari, opera, IE 6,7,8 and chrome.

Sweeks
21 Apr 2009, 18:11
Thanks matey. I will have this installed in a moment :)
________
Health store (http://herbalhealthshop.com)

Sweeks
21 Apr 2009, 18:19
Can I remove the link at the bottom?
________
Shemale Naomi (http://www.++++tube.com/video/15875/shemale-naomi-with-big-black-++++)

mikey1991
21 Apr 2009, 19:48
Can I remove the link at the bottom?

You may, though I would appreciate it if some sort of link was left, either to this page, or my forum :)

Noosphere
22 Apr 2009, 04:57
I really like this :)
Any chance you could show me how to insert code to add 2 more boxes directly below the 2 affiliate boxes?

Great job!

tipoboy
22 Apr 2009, 09:54
I really like this :)
Any chance you could show me how to insert code to add 2 more boxes directly below the 2 affiliate boxes?

Great job!

just duplicate the code below the affiliates row as follows:

<table class="tborder" border="0" cellpadding="6" cellspacing="1" width="95%">
<tbody>
<tr>
<td class="tcat" colspan="4">Affiliates</td>
</tr>
</tbody>
<tbody>
<tr>

<center>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff1.jpg" alt="Affiliates" border="0" WIDTH="80" HEIGHT="80"></td>
<td class="alt1"><div class="smallfont">
<a href="index.php" target="_blank" title="Parlancia Forums">Parlancia Forums</a><br />
<a href="http://therogueforums.com" target="_blank" title="The Rogue Forums">The Rogue Forums</a><br />
<a href="http://gamelair.com" target="_blank" title="GameLair">Gamelair</a><br />
<a href="http://zeroboards.net" target="_blank" title="ZeroBoards">ZeroBoards</a><br />
</div></td>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff2.jpg" alt="Affiliates" border="0" WIDTH="80" HEIGHT="80"></td>
<td class="alt1"><div class="smallfont">
<a href="http://s1.zetaboards.com/DeviousTyrantRP" target="_blank" title="Devious Tyrant RP">Devious Tyrant RP</a><br>
<a href="http://www.foxhound-clan.com/" target="_blank" title="Foxhound">Foxhound</a><br>
<a href="http://www.davidalphin.com" target="_blank" title="David Alphin Forums">David Alphin Graphics</a><br>
<a href="http://www.mindtwistforums.com/" target="_blank" title="Mind Twist Forums">Mind Twist Forums</a><br>
</div></td>
</tr>
<tr>

<center>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff1.jpg" alt="Affiliates" border="0" WIDTH="80" HEIGHT="80"></td>
<td class="alt1"><div class="smallfont">
<a href="index.php" target="_blank" title="Parlancia Forums">Parlancia Forums</a><br />
<a href="http://therogueforums.com" target="_blank" title="The Rogue Forums">The Rogue Forums</a><br />
<a href="http://gamelair.com" target="_blank" title="GameLair">Gamelair</a><br />
<a href="http://zeroboards.net" target="_blank" title="ZeroBoards">ZeroBoards</a><br />
</div></td>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff2.jpg" alt="Affiliates" border="0" WIDTH="80" HEIGHT="80"></td>
<td class="alt1"><div class="smallfont">
<a href="http://s1.zetaboards.com/DeviousTyrantRP" target="_blank" title="Devious Tyrant RP">Devious Tyrant RP</a><br>
<a href="http://www.foxhound-clan.com/" target="_blank" title="Foxhound">Foxhound</a><br>
<a href="http://www.davidalphin.com" target="_blank" title="David Alphin Forums">David Alphin Graphics</a><br>
<a href="http://www.mindtwistforums.com/" target="_blank" title="Mind Twist Forums">Mind Twist Forums</a><br>
</div></td>
</tr>
</tbody>
</table>

mikey1991
22 Apr 2009, 17:58
I really like this :)
Any chance you could show me how to insert code to add 2 more boxes directly below the 2 affiliate boxes?

Great job!

See the first big block of code?

Copy
<tbody>
<tr>

<center>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff1.png" alt="Affiliates" border="0"></td>
<td class="alt1"><div class="smallfont">

<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>

</div></td>
<td class="alt2" width="5%"><img title="Affiliates" src="images/Aff2.png" alt="Affiliates" border="0"></td>
<td class="alt1"><div class="smallfont">

<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>
<a href="#" target="_blank" title="Your Link Here">Your Link Here</a><br>

</div></td>



and put it before the </table> tags otherwise you'll just get two boxes on top of one another.

Noosphere
23 Apr 2009, 00:41
Awesome - thanks so much!

mikey1991
23 Apr 2009, 04:43
You're welcome :)

mikey1991
01 May 2009, 05:31
Made into a product and added as an Add-On, see first post.

Fastbird
08 May 2009, 17:28
Going to install this tonight! Thanks for the hack!

mikey1991
09 May 2009, 01:08
Thanks, you might want to check out the product, too, it's listed as an add-on. :)

Keesa
07 Sep 2009, 11:18
demo is dead.

ShawneyJ
09 Sep 2009, 03:33
this is actually pretty damn good m8, thanks.

ARKphoenix2k
04 May 2010, 01:52
Hey, i really like this mod, but how can i add it to my main forum page? Right at the bottom under Forum Statistics. I've seen it on a couple of forums.

betts02
27 Jun 2010, 20:41
Great mod, Edited it to go in a custom extra navbar and changed the name of the template to my needs

DannyITR
31 Dec 2010, 17:34
Is there a fix for this for vb4?

DannyITR
10 Jan 2011, 19:39
Anything?

DannyITR
19 Jan 2011, 17:19
Anyone at all?

Lon
16 Feb 2011, 00:33
I can try to create a fix for Vb4.

mikey1991
28 Feb 2011, 17:26
Is there a fix for this for vb4?

this mod is for vB3, it will not work with vB4, therefore cannot be 'fixed'

DannyITR
13 Mar 2011, 16:20
this mod is for vB3, it will not work with vB4, therefore cannot be 'fixed'

Absolutely it can be "fixed". With a few adjustments it will work with VB4. Then it would be "fixed".

DannyITR
13 Mar 2011, 16:28
To get this working in VB4 you need to use the correct generic shell template for vb4. The instructions for creating a link in the navbar won't work but you can access the page using the same link: misc.php?do=page&template=Affiliates.

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<title>Affiliates</title>

{vb:raw headinclude_bottom}
</head>
<body>

{vb:raw header}

{vb:raw navbar}



<div class="spacer"></div>


HTML goes here


{vb:raw footer}
</body>
</html>