Great Affiliate Page for your Forum

[mikey1991]

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:



Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



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:


Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



and replace it with:



Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



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 AdminCP -> Styles & Templates -> YourSkin* -> Navigation & Breadcrumb Templates -> navbar

find:


Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



Add below:



Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



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:


Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



So, your finished template will look like this:



Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



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]

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]

This is great!! thank you!

[DariuS7]

Ooh fancy.

[Sweeks]

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]

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]

Thanks matey. I will have this installed in a moment :)
________
Health store (http://herbalhealthshop.com)

[Sweeks]

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

[mikey1991]

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]

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]

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:



Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------

[mikey1991]

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

Code:
---------------
Code is only visible to licensed users, and only when logged into the forums.
---------------



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

[Noosphere]

Awesome - thanks so much!

[mikey1991]

You're welcome :)

[mikey1991]

Made into a product and added as an Add-On, see first post.

[Fastbird]

Going to install this tonight! Thanks for the hack!

[mikey1991]

Thanks, you might want to check out the product, too, it's listed as an add-on. :)

[Keesa]

demo is dead.

[ShawneyJ]

this is actually pretty damn good m8, thanks.

[ARKphoenix2k]

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]

Great mod, Edited it to go in a custom extra navbar and changed the name of the template to my needs

[DannyITR]

Is there a fix for this for vb4?

[DannyITR]

Anything?

[DannyITR]

Anyone at all?

[Lon]

I can try to create a fix for Vb4.

[mikey1991]

Is there a fix for this for vb4?

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

[DannyITR]

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]

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>