Ads to right of whole forum

[Phil Morse]

I'd like to drop two ads to the right of my whole forum (http://www.digitaldjtips.com/forum), as per my main site (http://www.digitaldjtips.com). Any tips on the best way to achieve this? I shouldn't have to make my XenForo forum any narrower, as I can use the margin space by moving the forum to the left a bit to fit the ads in, but I don't see any pre-formatted ad blocks for the position I'm looking for.

I guess I can put a container DIV in but my CSS is too bad to know how to set it up correctly to achieve my goal. Any chance you can you help please?

 

[Jake Bunce]

This should help:

http://xenforo.com/community/threads/how-to-add-a-sidebar-to-any-forum-page.7860/

 

[Phil Morse]

Hi Jake, thanks for your prompt response. That's not what I mean though. I need to add something to the right of the whole forum, not in the sidebar - as I have on this page: http://www.digitaldjtips.com.

 

[Kim]

I'd like to drop two ads to the right of my whole forum (http://www.digitaldjtips.com/forum), as per my main site (http://www.digitaldjtips.com). Any tips on the best way to achieve this? I shouldn't have to make my XenForo forum any narrower, as I can use the margin space by moving the forum to the left a bit to fit the ads in, but I don't see any pre-formatted ad blocks for the position I'm looking for.

I guess I can put a container DIV in but my CSS is too bad to know how to set it up correctly to achieve my goal. Any chance you can you help please?

Hi there Phil,

You can achieve this by including a new div, will give you some CSS that I know works for this (curtesy of Kier) Will get back to you shortly with it, I just have to dig it up.

 

[Phil Morse]

Kim, Graeme over at Xenfocus kindly just sorted me out with exactly that. Many thanks for your kind assistance but all is now solved!

 

[Kim]

Ok

 

[principia]

Im interested in the code too. Can you post it?

 

[Phil Morse]

Sure.

This added to PAGE_CONTAINER to handle the ads:

 <div class="sidebarAds">
            <div class="sidebarAd">
                  <!-- Ad 1 here -->
            </div>
            <div class="sidebarAd">
                  <!-- Ad 2 here -->
            </div>
        </div>

The CSS is in EXTRA.CSS:

.sidebarAds {
float:right;
}

.sidebarAd {
margin-top: 10px;
}

 

[principia]

thank you

 

[ragtek]

this doesn't work for me

the ad is placed under the footer

 

[Paul B]

Is there enough width on your display for the ad?

 

[ragtek]

Oh, do i need a fixed style for this?

Ok then i've found the problem