How can i do it?? (BANNERS on home page)

Question

Hi Friends

I am interested in show 2 banners in my homepage Q&A, but all my work was impossible....

Any little example of this syntaxis please?? And where a nedd include this syntaxis code?

this is my screen capture:

Answer 1

This might work but I didn't test it. First add position: relative; to the .qa-body-wrapper element in the CSS.

Then add the two divs for the banners anywhere inside that element (via advanced theme):

<div class="qa-body-wrapper">
  <div class="banner1"></div>
  <div class="banner2"></div>
  [the rest of the HTML here]
</div>

With this CSS:

.banner1 {
  width: 120px;
  height: 600px;
  position: absolute;
  left: -120px;
  top: 100px;
}
.banner2 {
  width: 120px;
  height: 600px;
  position: absolute;
  right: -120px;
  top: 100px;
}

Obviously change the width/position values until you get it exactly how you want it.

Comments

Hi Scott, it work perfect!! Thanks!, and, if i want that this 2 banners dont scroll while page is scrolling up or down? this is, i nedd this 2 banners fixed there...Is there any way adding css?

---

Yes, instead of position:absolute use position:fixed instead.

---

Thanks for your answer, i like to have a banner at the left-right too but i'm not an expert so can you tell me where i need to add the banner-code? (or adsense code?)

I think it is here:

<div class="qa-body-wrapper">
  <div class="banner1">BANNERCODE 1</div>
  <div class="banner2">BANNERCODE 2</div>
  [the rest of the HTML here]
</div>

Is that correct?

Thanks ;)