vBulletin Wallpaper AD for centered forums with fixed width - v1.0

[StarBuG]

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.

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.

Don't forget to mark as INSTALLED on vB.org if you use this!

Ok here it goes:

vBulletin Wallpaper Ad v1.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 HIER 728x90px
 </div>
</div>
<div class="ads_ss_wp_wrapper">
 <div class="ads_ss_wp">
  SKYSCRAPER BANNER CODE HIER 160x600px
 </div>
</div>

in template additional.css add:

.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!

Greetings

StarBuG