Mini Mods - Random Side Banners Outside Main Body in Fixed Position

Random Side Banners

Quite a few people have asked how do you add side banners outside of your forum's main body and no one has offered a solution that I know of.

This mod allows you to have random banners outside of your forums main body in a fixed position. The banners will rotate with every unique visit to your forums similar to the dszuecs's "New way to force guests to register" Mod. The php code to make the banners rotate could possibly be written better, right now you don't always get a different random banner unless you completely close your browser and come back with a new session it seems.

The rotate.php code is not mine I found it not only in dszuecs's New way to force guests to register Mod but also online. I did however use his Mod as a base to get this Mod done.

If anyone can fix the rotate.php file so that you get a random with every page load that would be great.

The banners used in this mod have the dimensions of height:435px width:140px but you can change them to any size you want.

Included are the files to upload to your FORUMROOT using FTP:

Files included are:

1. left_banner_rotate.php
2. right_banner_rotate.php
3. images (includes 1 png file you can use as a template for your banners)
4. additional_css.txt (code to add to your additional_css)
5. header_template.txt (code to add to your header template)

You will need to make 2 manual template edits to your additional.css and your header template.

The code included in the additional_css file can be added at the very end of your additional.css file.

div.left-banner {
background:url(left_banner_rotate.php);
background-repeat: no-repeat; 
display:block;
height:435px;
width:140px;
position:fixed;
left:5px;
top:50px;
}
div.right-banner {
background:url(right_banner_rotate.php);
background-repeat: no-repeat; 
display:block;
height:435px;
width:140px;
position:fixed;
right:5px;
top:50px;
}

The code included in the header_template file must be added at the very top before all other code in your header template.

<div class="left-banner"></div>
<div class="right-banner"></div>

This is my first Mod contribution you guys so be gentle with me. I am just learning vBulletin's way of doing things and hopefully I can contribute other small Mods in the future.

[CAG CheechDogg]

Originally Posted by legiondadon

the issue i was having with this is when members had a zoomed in browser...the images wouldnt zoom with the rest of the forum and caused them to overlap over forum content for sum members...had to disable although this is a great idea

Hey legion easy fix for that. Use the following in your additional.css instead:

div.left-banner {
 
display:block;
height:435px;
width:140px;
position:fixed;
left:5px;
top:50px;
z-index:-1000
}
div.right-banner {

display:block;
height:435px;
width:140px;
position:fixed;
right:5px;
top:50px;
z-index:-1000;
}

The z-index:-1000 will make the banners sit behind your forum's content when zoomed in.

[Toorak Times]

Genius! I have the RBs installed, but had some crashes and trying to rebuild. Seriously...this will allow rotating ads in the spaces of the fixed themes? Have I got this right? Does it work in 4.2pl3?

[CAG CheechDogg]

Yes it should work with 4.2...and yes It will allow the rotating adds if you use the mod I listed in the description, here is the link:


https://vborg.vbsupport.ru/showthrea...mages&page=137

If you need help installing it or if you are still having problems let me know.

[Toorak Times]

Thanks for your reply, I lost the thread...

I'm going to put this into action shortly for paid ads on www.tooraktimes.com.au

[ChiNa]

Liked CAG CheechDogg, Awesome Product, and Congrats Mate! Sadly I am not allowed to VOTE. But from 4 to 5 Stars for your work and support for your product..

I was just checking who gave me the last LIKE on my Product, And ofcourse it was from you, Once again! You are one of the greatest and honest members on here, and now as a Developer I congratulate you with your first and awesome Product! Just as you have showen your support towards myself and everyone else on here, I am now here to show my gratitude and support for your awesome work and great attitude along the time we been members on here! Good luck!

Ps, Hopefully you will be creating a few vB3.8 Products too! I mean not many are using vB3.8, but I do and I know many others does at well! Keep up your good work! And God bless!

By CM aka ChiNa-Man

[aaronhaul]

Originally Posted by CAG CheechDogg

For easier banner management you guys can use the following Mod together with this one:

https://vborg.vbsupport.ru/showthrea...mages&page=137

This will allow you to set up to 10 different banners per side. To do this you do the following:

Open up your header template and do the following small edit if you already installed this Mod:

Find this:

<div class="left-banner"></div>
<div class="right-banner"></div>

Replace with this:

<div class="left-banner"><!--@vbbanners:0@--></div>
<div class="right-banner"><!--@vbbanners:2@--></div>

Note, there are 10 positions for the banners starting with 0 through 9, the 2 positions I used here are position 0 for the left side banners and position 2 for the right side banners. You can use any position you want for yours, just replace the red highlighted numbers with your positions.

This also gives you a better rotation of the your banners than using the left_banner_rotate.php and right_banner_rotate.php files, so you can remove those from your additional.css.


Change the code in additional.css to the following:

div.left-banner {
display:block;
height:435px;
width:140px;
position:fixed;
left:5px;
top:50px;
}
div.right-banner {
display:block;
height:435px;
width:140px;
position:fixed;
right:5px;
top:50px;
}

Thank you for the "Random Side Banners Outside Main Body in Fixed Position". I have installed and it worked for just a second there with the use of the images you provided for the left and right fixed position. Then it no longer displays. Don't know why. I checked and double checked to make sure everything is ok.

After installing the above Random Side Banners, I also installed the Rotating Banner System v2.4.2 to rotate the banners as you indicated in your later post with left-banner and right banner images and the div tags:

<div class="left-banner"><!--@vbbanners:0@--></div>
<div class="right-banner"><!--@vbbanners:1@--></div>

Can you help me check what am missing out and why its not working as expected? Is it possible that there is a conflict with

I will really appreciate your effort.

Thanks.

[CAG CheechDogg]

A link to your site ? ..

Possible conflict with what? ...

Are you sure the banners are on those positions you indicated ? ...

[aaronhaul]

Originally Posted by CAG CheechDogg

A link to your site ? ..

Possible conflict with what? ...

Are you sure the banners are on those positions you indicated ? ...

Hello,

Yes, the banners are on both the left and right positions as I have followed your directions closely.

But I do not know whether I mistakenly broke something or some of the scripts conflicting.

Please help me check?

I'm sending you a Link to the Website including Logging Information via my inbox.

Thanks a lot.

[CAG CheechDogg]

Ok buddy, I got it going ...now all you have to do is add more banners to the positions that you have in the banner rotator, follow the examples for the ones you have now ....

Right now you only have the image I use for the template, but you can replace that with what ever images you upload to any folder, just make sure they are the dimensions you specify ...

[CAG CheechDogg]

If you need to add a banner with a link in it use the following:

<a href="http://naijafrontpage.hugeicon.com/forum.php" title="tittle for your link"><img src="http://naijafrontpage.hugeicon.com/path_to/image" border="0" alt="your choice" title="your choice" width="140" height="435" /></a>