vBulletin Wallpaper AD

vBulletin Wallpaper AD - v2.0

Mod Version: 2.0, by StarBuG

vB Version: 4.0.x	Rating: (1 vote - 5.00 average)	Installs: 8
Released: 09 Apr 2010	Last Update: Never	Downloads: 0
Not Supported Template Edits

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.

http://www.adsenseexperts.com/adsense-placements/wallpaper-ad-v2-0-adsenseexperts-exclusive-t39.html

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 http://www.adsenseexperts.com/adsense-placements/wallpaper-ad-v2-0-adsenseexperts-exclusive-t39.html)

in template header find:

Code:

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

add BEFORE:

Code:

<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:

Code:

/*------------------------------------------------------------------------------
| #> 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

http://www.AdSenseExperts.com

http://www.adsenseexperts.com/consulting/adsense-optimization-service.html

Download

No files for download.

vBulletin LTS