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

XF 1.1 BuySellAds Leaderboard in xenForo

#1
dear all,

I would like to integrate a nice 728x90 px banner upper right in my xenForo instance, but I cannot achieve that.

Found the "ad_header" which seems to be able to host the BSA brief code:

Code:
<!-- BuySellAds Zone Code -->
<div id="bsap_1284249" class="bsarocks bsap_1ec5154dd23da4651be26af32721548b"></div>
<!-- End BuySellAds Zone Code -->
but it's simply aligned right close to the logo.
Any way to put it right there, on the rightest side?

Thanks a lot,
Marco
 
#3
hey Brogan, thanks for the quick answer.

I am trying with it as you said, but the banner does not show up... looks like it's somehow hidden via CSS?
If you can, please have a look at the URL:
http://timelapseitalia.com/forum/

This is the source of the page, in the div pageContent:

<div class="pageContent">


<!-- BuySellAds Zone Code -->
<div id="bsap_1284249" class="bsarocks bsap_1ec5154dd23da4651be26af32721548b" style="float:right">
</div>
<!-- End BuySellAds Zone Code -->

<div id="logo"><a href="http://timelapseitalia.com">
<span></span>
<img src="http://timelapseitalia.com/wp-content/uploads/TLI-Logo-72dpi-Trasparente-Tagline-bianca-100px.png" alt="TLI Forum — Domande e risposte sui time-lapse, gratis e in italiano">
</a></div>

<span class="helper"></span>
</div>
Thanks for your help, much appreciated
Marco
 

Brogan

XenForo moderator
Staff member
#4
Try this.

Code:
<!-- BuySellAds Zone Code -->
<div style="float:right">
<div id="bsap_1284249" class="bsarocks bsap_1ec5154dd23da4651be26af32721548b"></div>
</div>
<!-- End BuySellAds Zone Code -->
If it's not showing then it's due to the ad service - you will need to check if ads are being served.
 
#6
Ciao Brogan,
got a reply from BSA, and they told me I was supposed to integrate few more lines

HTML:
<!-- BuySellAds Ad Code -->
<script type="text/javascript">
(function(){
  var bsa = document.createElement('script');
    bsa.type = 'text/javascript';
    bsa.async = true;
    bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>
<!-- End BuySellAds Ad Code -->
right below the opening <body> tag.

Which is the template I can use from ACP, to apply such edit?

Thanks
Marco
 

Brogan

XenForo moderator
Staff member
#7
Where can additional JavaScript be placed?
Additional JavaScript can be placed in the PAGE_CONTAINER, page_container_js_head or page_container_js_body templates. If PAGE_CONTAINER is used, it can be placed anywhere in the template. If page_container_js_head is used, it will be included in the head section of PAGE_CONTAINER. If page_container_js_body is used, it will be included in the body section of PAGE_CONTAINER, after the footer. It depends on the JavaScript to a large extent; some require to be placed in the head, some in the body.

http://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181112
 
#8
Sorry Brogan, but it will include it at the end of the page, not really right below <body> tag... :-/
Maybe I'm misunderstanding smth?

Thanks
 

RoldanLT

Well-known member
#11
Try this.

Code:
<!-- BuySellAds Zone Code -->
<div style="float:right>
<div id="bsap_1284249" class="bsarocks bsap_1ec5154dd23da4651be26af32721548b"></div>
</div>
<!-- End BuySellAds Zone Code -->
If it's not showing then it's due to the ad service - you will need to check if ads are being served.
Should be:
<div style="float:right">
 
#12
ok guys, tried with what you suggested but this is the result, with or without the DIV wrapper: where are those arrows coming from? :(

thank you all
Marco

tliforum brogan help.jpg
 
#15
Adjust this?

Admin CP -> Appearance -> Style Properties -> Header and Navigation -> Height of Header Logo

Just a guess.

you guessed it right, Jake!! Bravo :) thanks a lot for it, had to increase it of 10px and it works nice now..!


Wish I could lower it a little bit down, just centering it with the logo (see it now, it's totally top right, margin 0px). Tried with this but... no results. Always stuck there...

Code:
<xen:hook name="ad_header" />
<!-- BuySellAds Zone Code -->
<div style="float:right; ">
<div id="bsap_1284249" class="bsarocks bsap_1ec5154dd23da4651be26af32721548b"></div>
</div>
<!-- End BuySellAds Zone Code -->
 
or
 
<xen:hook name="ad_header" />
<!-- BuySellAds Zone Code -->
<div style="float:right; vertical-align: middle; height: 110px; border-top: 10px;">
<div id="bsap_1284249" class="bsarocks bsap_1ec5154dd23da4651be26af32721548b" style="vertical-align: middle; height: 110px; border-top: 10px;"></div>
</div>
<!-- End BuySellAds Zone Code -->

Just if you have bit of time

Marco
 

Brogan

XenForo moderator
Staff member
#16
How do I place an image or advert in the header on the right and center it vertically?
Wrap the contents in a div like so:
<div style="display: block; float: right; line-height: {xen:calc '@headerLogoHeight - 4'}px; *line-height: @headerLogoHeight; height: @headerLogoHeight; vertical-align: middle">
Image or advert code
</div>

http://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037
 
#17
The output I see now is:

HTML:
<!-- BuySellAds Zone Code -->
<div style="display: block; float: right; line-height: 106px; *line-height: 110px; height: 110px; vertical-align: middle">
<div id="bsap_1284249" class="bsarocks bsap_1ec5154dd23da4651be26af32721548b"></div>
</div>
<!-- End BuySellAds Zone Code -->
but the banner stays stuck in that position... strange o_O ... thx Brogan