1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Ads to right of whole forum

Discussion in 'Styling and Customization Questions' started by Phil Morse, Jun 28, 2011.

  1. Phil Morse

    Phil Morse Member

    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?
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  3. Phil Morse

    Phil Morse Member

    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.
     
  4. Kim

    Kim Well-Known Member

    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.
     
  5. Phil Morse

    Phil Morse Member

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

    Kim Well-Known Member

  7. principia

    principia Well-Known Member

    Im interested in the code too. Can you post it? :whistle:
     
  8. Phil Morse

    Phil Morse Member

    Sure.

    This added to PAGE_CONTAINER to handle the ads:

    Code:
     <div class="sidebarAds">
                <div class="sidebarAd">
                      <!-- Ad 1 here -->
                </div>
                <div class="sidebarAd">
                      <!-- Ad 2 here -->
                </div>
            </div>
    The CSS is in EXTRA.CSS:

    Code:
    .sidebarAds {
    float:right;
    }
    
    .sidebarAd {
    margin-top: 10px;
    }
     
    principia likes this.
  9. principia

    principia Well-Known Member

    thank you
     
  10. ragtek

    ragtek Guest

    this doesn't work for me:(

    the ad is placed under the footer
     

    Attached Files:

  11. Brogan

    Brogan XenForo Moderator Staff Member

    Is there enough width on your display for the ad?
     
  12. ragtek

    ragtek Guest

    Oh, do i need a fixed style for this?:D

    Ok then i've found the problem
     

Share This Page