Add-On Releases - vBulletin Wallpaper AD - v2.0

Hello

This modification adds a so called Wallpaper AD to your forum.
A Wallpaper AD consists of a Leaderboard Banner (728x90px) and a Skyscraper Banner (160x600px) combined into one AD.

vBulletin Wallpaper AD v2.0 was elusively released on AdSenseExperts.com

vBulletin Wallpaper AD v2.0 is a complete code rewrite and
can now be used on a fluid or a fixed width style.

Don't forget to mark as INSTALLED if you use this!

Ok here it goes:

vBulletin Wallpaper Ad v1.01

I have a forum with a fixed width of 1024px that is centered so this modification
is for this kind of setting. I don't know if it will work on non centered forums or
forums with a fluid style. (if you use a fluid style use vBulletin Wallpaper AD v2.0)

in template header find:

<div class="above_body"> <!-- closing tag is in template navbar -->

add BEFORE:

<div class="ads_lb_wp_wrapper">
 <div class="ads_lb_wp">
   LEADERBOARD BANNER CODE HERE 728x90px
 </div>
</div>
<div class="ads_ss_wp_wrapper">
 <div class="ads_ss_wp">
  SKYSCRAPER BANNER CODE HERE 160x600px
 </div>
</div>

in template additional.css add:

/*------------------------------------------------------------------------------
| #> Wallpaper Advertisment
+-----------------------------------------------------------------------------*/
.ads_lb_wp_wrapper {
        position: relative; 
        width: 1024px;
        height: 95px;
        top: 0px;
}

.ads_lb_wp {
        width: 728px;
        height: 90px;
        margin-left:301px;
        top: 0px;
}

.ads_ss_wp_wrapper {
        position: absolute; 
        width: 1189px;
        height: 600px;
        top: 0px;
}

.ads_ss_wp {
        width: 160px;
        height: 600px;
        margin-right:0px;
        margin-left:1029px;
}

Like I said, my forum has a fixed width of 1024px.
I have positioned the wallpaper with a 5px space to my forum (see screenshot)

You need to change the CSS Settings according to your Forum width:

.ads_lb_wp_wrapper : 1024px <- Forum width

.ads_lb_wp : 301px <- Forum width + 5px (Space) - 728px (width of the Leaderboard)

.ads_ss_wp_wrapper : 1189px <- Forum width + 5px (Space) + 160px (width of the Skyscraper)

.ads_ss_wp : 1029px <- Forum width + 5px (Space)

It then looks like this:



Feedback and optimisation suggestions are very welcome!

If you installed v1.0 remove the four "z-index:xxx;" lines in your additional css entries for the wallpaper ad.
It works without them but with them you can't click buttons in your header!

Version History:
v1.01: Bug fix in CSS definitions that made it impossible to click on buttons in the header.
v1.0: initial release

Greetings

StarBuG



Google isn't paying you enough money! Discover WHY!

[FiMeTi]

Nice work pal. Thanks for sharing.

[StarBuG]

You're welcome

[murekhalir]

interestin! going to see how i can utlize this.

[vividbreeze]

nice!

[dankreiner]

hey this works, but it breaks everything for me... I can't click on any of my tabs or navigation. and some forums.\

im on 4.0.3

[StarBuG]

do you have a fixed forum width and a forum that is centered?
If not you need to change the CSS

But please don't ask me how and what it took me over 10hours to figure out a solution for my forum.

[dankreiner]

hey, this was the mod i was talking about that i couldn't get to work, but the other one did...

[dankreiner]

still having the css problem, i couldn't figure out your instructions on my arcade and classifieds pages...

[lillylissy]

Thank you very much StarBuG! It works perfectly!