Solution to integrate Leaderboard, Skyscraper and Wallpaper Ad [3.8]

**Silmarillion** · 05-11-2011 01:58 PM

Hello XHTML/CCS-Experts!

I need help. I use vBulletin 3.8.x and search for a solution to a leaderboard banner and a skyscraper to integrate.
It should furthermore be possible to display wallpaper advertising. There is already an article on this. Unfortunately I have not been able to adapt the code corresponding to my style.

Here are my CSS-Settings:

PHP Code:


/* Page Wrapper

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pageWrapper {

    min-width:1024px;

         max-width:1024px;

         margin:0 auto;

         border-width:1px;

    border-style:solid;

    border-color:#ededed;

         padding:10px;

         background-color:#ffffff;

         

}



/* Header

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {

    height:100px;

    position:relative;

}

#header img {

    display:block;

}

I appreciate any help.

attached: desired leaderboard, skyscraper, wallpaper placement (actually photoshopped...)

Best regards,
Christian

**Mert Gökçeimam** · 05-12-2011 05:53 AM

Hello Christian ,

Still having the first coffee of the day so i want to ask couple questions to avoid mis understandings.

This is the image you are targetting correct :
http://www.vbseo.com/attachments/f28...eleadersky.gif

**Silmarillion** · 05-12-2011 06:26 AM

Hello Mert! I am pleased to read you. Maybe you are my last chance and hope.

I have already asked the question in some German expert forums. Without response and success.
While the banner positions are indeed used on most major sites.

Yes, this is the image I want the banners correctly to show. (the image is photoshopped!)

**Mert Gökçeimam** · 05-12-2011 06:32 AM

HTML Code:

<div class="PageWrapper">
    <div class="PageLeft">
        <div class="TopAdvertisement">
            Top Advertisement
        <div>
        <div class="Content">
            Content
        </div>
    </div>
    <div class="PageRight">
        <div class="LeftAdvertisement">
            Left Advertisement
        </div>
    </div>
</div>

.PageWrapper {
    width: 990px;
    margin: 0 auto;
}
.PageLeft {
    width: 800px;
    float: left;
}
.PageLeft .TopAdvertisement {
    margin: 0 auto;
}
.PageRight {
    width: 189px;
    margin-top: 100px ; /* This will be height of TopAdvertisement Class */
    float: left;
}

You can try above

**Silmarillion** · 05-12-2011 07:00 AM

I am very pleased that you want to help me mert. Thank you so much. I have now tried with the new code from you. Unfortunately, the position of the the banners is still wrong. You can recheck it here:
Fußball News Forum - Fanlager.de

Nickname: Tester
Password: tester

probably only a small error with great visual impact.

**Mert Gökçeimam** · 05-12-2011 07:06 AM

You are missing left: right on following class

.PageRight {
width: 189px;
margin-top: 100px ; /* This will be height of TopAdvertisement Class */
float: left;
}

Also .Content class should hold the content of your site

**Silmarillion** · 05-12-2011 07:22 AM

Does not work yet, Mert. Where is my mistake? Embarrassing.

And what exactly do you mean by content class?
Shall I send you my complete css code?

**Silmarillion** · 05-12-2011 07:38 AM

ok. my header template now looks like this:

<a name="top"></a>

<div class="PageWrapper">
<div class="PageLeft">
<div class="TopAdvertisement">

<img src="http://www.fanlager.de/FL/Werbung/leaderboard.jpg">
 <div>
</div>

<div id="pageWrapper">

<div id="header">
<div class="logo">
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="<if condition="in_array($forumid, array(60))">http://www.vbseo.com/images/vbseo_skin_2.0/logo29.jpg<else />........

The leaderboard is now displayed correctly. But where excatly do I have to include the other code now?

<div class="PageRight">
<div class="LeftAdvertisement">
Left Advertisement
</div>
</div>
</div>

**Mert Gökçeimam** · 05-12-2011 07:59 AM

Following should be added after your content wrapper

HTML Code:

    </div>
    <div class="PageRight">
        <div class="LeftAdvertisement">
            Left Advertisement
        </div>
    </div>
</div>

**Silmarillion** · 05-12-2011 08:21 AM

I'm not sure, Mert. I have now tried so (footer-template!):

PHP Code:


$ad_location[ad_footer_start]



$spacer_close

<!-- /content area table -->



</div>

    <div class="PageRight">

        <div class="LeftAdvertisement">

            <img src="http://www.fanlager.de/FL/Werbung/skyscraper.jpg">

        </div>

    </div>

</div>



$ad_location[ad_footer_end]



<!-- footer -->

<if condition="!in_array(THIS_SCRIPT, array('register','usercp','profile','private','subscription','moderation'))">

                </td>                

            </tr>

        </table>

</if>

    </div> 

    <div class="bottomBox">

        <div class="bbLeft"><div class="bbRight">

            <div class="bottomLogout">

                <a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"  onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a>

            </div>

                <if condition="$show['contactus']"><a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9">$vbphrase[contact_us]</a> -</if>

                                    <a href="http://www.fanlager.de/fussball-live.html">Fußball Live</a> -

                <if condition="$vboptions['hometitle']"><a href="$vboptions[homeurl]">Fußball Forum</a> -</if>

                <if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]">$vbphrase[admin]</a> -</if>

                <if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]">$vbphrase[mod]</a> -</if>

                <if condition="$vboptions['archiveenabled']"><a href="archive/index.php">$vbphrase[archive]</a> -</if>

                $template_hook[footer_links]

                <if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if>

                <if condition="$vboptions[tosurl]"><a href="$vboptions[tosurl]">$vbphrase[terms_of_service]</a> -</if>

                <a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a>

        </div></div>

    </div>    

    <div id="footer">

        <div class="footerLeft"><div class="footerRight">

            <div class="copyright">

                $vbphrase[all_times_are_gmt_x_time_now_is_y]<br />

                <!-- Do not remove this copyright notice -->

                $vbphrase[powered_by_vbulletin]

                <!-- Do not remove this copyright notice -->



                <!-- Do not remove $cronimage or your scheduled tasks will cease to function -->

                $cronimage

                <!-- Do not remove $cronimage or your scheduled tasks will cease to function -->



                $vboptions[copyrighttext]        

            </div>                        

            <div class="footerTop">

                <a href="#top" onclick="self.scrollTo(0, 0); return false;" class="backTop">$vbphrase[top]</a>

            </div>                    

            <div class="footerInfo">

<form action="$vboptions[forumhome].php" method="get" style="clear:$stylevar[left]">

<table cellpadding="0" cellspacing="0" border="0" width="$stylevar[outertablewidth]"align="center">

<tr>

        <if condition="$show['quickchooser']">

        <td>

            <select name="styleid" onchange="switch_id(this, 'style')">

                <optgroup label="$vbphrase[quick_style_chooser]">

                    $quickchooserbits

                </optgroup>

            </select>

        </td>

    </if>

</tr>

</table>

</form>

                <span class="cvb">Fanlager.de - <a href="http://www.fanlager.de">Fußball Live</a></span>        

            </div>

        </div></div>

    </div>                                                

</div>













<!-- /footer -->



<if condition="$show['dst_correction']">

<!-- auto DST correction code -->

<form action="profile.php?do=dst" method="post" name="dstform">

    <input type="hidden" name="s" value="$session[sessionhash]" />

    <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />

    <input type="hidden" name="do" value="dst" />

</form>

<script type="text/javascript">

<!--

    var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];

    var utcOffset = new Date().getTimezoneOffset() / 60;

    if (Math.abs(tzOffset + utcOffset) == 1)

    {    // Dst offset is 1 so its changed

        document.forms.dstform.submit();

    }

//-->

</script>

<!-- / auto DST correction code -->



</if>

<script type="text/javascript">

<!--

    // Main vBulletin Javascript Initialization

    vBulletin_init();

//-->

</script>

But then the banner will be displayed in the footer.
I'm embarrassed. I am also willing to pay you something for your great and competent help. If you want.

**Mert Gökçeimam** · 05-12-2011 09:00 AM

Please use

Code:

$ad_location[ad_footer_start] 

$spacer_close 
<!-- /content area table --> 



$ad_location[ad_footer_end] 

<!-- footer --> 
<if condition="!in_array(THIS_SCRIPT, array('register','usercp','profile','private','subscription','moderation'))"> 
                </td>                 
            </tr> 
        </table> 
</if> 
    </div>  
    <div class="bottomBox"> 
        <div class="bbLeft"><div class="bbRight"> 
            <div class="bottomLogout"> 
                <a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"  onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a> 
            </div> 
                <if condition="$show['contactus']"><a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9">$vbphrase[contact_us]</a> -</if> 
                                    <a href="http://www.fanlager.de/fussball-live.html">Fußball Live</a> - 
                <if condition="$vboptions['hometitle']"><a href="$vboptions[homeurl]">Fußball Forum</a> -</if> 
                <if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]">$vbphrase[admin]</a> -</if> 
                <if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]">$vbphrase[mod]</a> -</if> 
                <if condition="$vboptions['archiveenabled']"><a href="archive/index.php">$vbphrase[archive]</a> -</if> 
                $template_hook[footer_links] 
                <if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if> 
                <if condition="$vboptions[tosurl]"><a href="$vboptions[tosurl]">$vbphrase[terms_of_service]</a> -</if> 
                <a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a> 
        </div></div> 
    </div>     
    <div id="footer"> 
        <div class="footerLeft"><div class="footerRight"> 
            <div class="copyright"> 
                $vbphrase[all_times_are_gmt_x_time_now_is_y]<br /> 
                <!-- Do not remove this copyright notice --> 
                $vbphrase[powered_by_vbulletin] 
                <!-- Do not remove this copyright notice --> 

                <!-- Do not remove $cronimage or your scheduled tasks will cease to function --> 
                $cronimage 
                <!-- Do not remove $cronimage or your scheduled tasks will cease to function --> 

                $vboptions[copyrighttext]         
            </div>                         
            <div class="footerTop"> 
                <a href="#top" onclick="self.scrollTo(0, 0); return false;" class="backTop">$vbphrase[top]</a> 
            </div>                     
            <div class="footerInfo"> 
<form action="$vboptions[forumhome].php" method="get" style="clear:$stylevar[left]"> 
<table cellpadding="0" cellspacing="0" border="0" width="$stylevar[outertablewidth]"align="center"> 
<tr> 
        <if condition="$show['quickchooser']"> 
        <td> 
            <select name="styleid" onchange="switch_id(this, 'style')"> 
                <optgroup label="$vbphrase[quick_style_chooser]"> 
                    $quickchooserbits 
                </optgroup> 
            </select> 
        </td> 
    </if> 
</tr> 
</table> 
</form> 
                <span class="cvb">Fanlager.de - <a href="http://www.fanlager.de">Fußball Live</a></span>         
            </div> 
        </div></div> 
    </div>                                                 
</div> 


</div> 
    <div class="PageRight"> 
        <div class="LeftAdvertisement"> 
            <img src="http://www.fanlager.de/FL/Werbung/skyscraper.jpg"> 
        </div> 
    </div> 
</div> 



<!-- /footer --> 

<if condition="$show['dst_correction']"> 
<!-- auto DST correction code --> 
<form action="profile.php?do=dst" method="post" name="dstform"> 
    <input type="hidden" name="s" value="$session[sessionhash]" /> 
    <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" /> 
    <input type="hidden" name="do" value="dst" /> 
</form> 
<script type="text/javascript"> 
<!-- 
    var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff]; 
    var utcOffset = new Date().getTimezoneOffset() / 60; 
    if (Math.abs(tzOffset + utcOffset) == 1) 
    {    // Dst offset is 1 so its changed 
        document.forms.dstform.submit(); 
    } 
//--> 
</script> 
<!-- / auto DST correction code --> 

</if> 
<script type="text/javascript"> 
<!-- 
    // Main vBulletin Javascript Initialization 
    vBulletin_init(); 
//--> 
</script>

**Silmarillion** · 05-12-2011 09:44 AM

Done. But now the skyscraper Banner ist at the left on the bottom of the page.

**Mert Gökçeimam** · 05-12-2011 09:50 AM

Can you please create a temporary admincp login detail and PM to me

**Silmarillion** · 05-12-2011 10:58 AM

Of course, Mert. For me you are a person absolutely trustworthy and friendly. Many thanks for your help. I appreciate that.

You have a PM.

Solution to integrate Leaderboard, Skyscraper and Wallpaper Ad [3.8]

LinkBack

Thread Tools

Display

Solution to integrate Leaderboard, Skyscraper and Wallpaper Ad [3.8]

Similar Threads

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

Want to integrate vBseo in my mod

thoughts on leaderboard ads under 'featured photos'

Posting Permissions