1 (edited by KeyDog 2008-12-31 12:42)

Topic: Adding A Skyscraper Banner Right Side

I'm trying to float a skyscraper banner (Ad) on the right hand side of my forum.

How do I do so?


Thanks for any pointers.


Edit: size 120x600

Re: Adding A Skyscraper Banner Right Side

/*************************************************************
B - GLOBAL STYLES
**************************************************************/

/* General Layout
-------------------------------------------------------------*/

.brd {
    padding: 1.3em 2em;
    margin: 0 auto;
    max-width: 1100px;
    min-width: 700px;
    width: 80%;
    float: left;
    }

#brd-redirect, #brd-maint, #brd-util {
    margin: 50px auto 12px auto;
    width: 60%;
    }

.brd-page { /* Confines clearing behaviour within forum wrapper */
    float: left;
    width: 90%;
    position: relative;
    }


is what I have at the moment right, but I want to

float: right;

mybanner.jpg

but I struggling to know what  .brd  thing to use... or can I add something?

Re: Adding A Skyscraper Banner Right Side

Add after < body > on the main.tpl

<div style="width: 468px; z-index: 999999; right: 15px; top: 15px; position: absolute;">
<!-- ads here-->
</div>

Re: Adding A Skyscraper Banner Right Side

ok, and once I have that changed (include/template/main.tpl)... how do I get my image mybanner.jpg to show?
what else do I need to do?
thanks.

Re: Adding A Skyscraper Banner Right Side

add

<!-- ads here-->

the url of your banner

Re: Adding A Skyscraper Banner Right Side

cool thx

<img src="http://myforum.bla/img/mybanner.jpg">

follow up question...

it is now showing over my actual forum. as i have modified width of forum to 80% is there some way to show it next to the actual forum ?

7 (edited by KeyDog 2008-12-31 17:59)

Re: Adding A Skyscraper Banner Right Side

all sorted

<div style="width: 468px; z-index: 999999; right: -200px; top: 15px; position: absolute;">

that does the trick -  the -200px big_smile

thx for help

EDIT:
<div style="width: 468px; left: 80%; top: 15px; position: absolute;">
i've done now, works better when making window smaller... the banner was just covering the forum if I made width too small of browser window

also added  /> to img tag to be w3c compliant....

Re: Adding A Skyscraper Banner Right Side

KeyDog wrote:

all sorted

<div style="width: 468px; z-index: 999999; right: -200px; top: 15px; position: absolute;">

that does the trick -  the -200px big_smile

thx for help

EDIT:
<div style="width: 468px; left: 80%; top: 15px; position: absolute;">
i've done now, works better when making window smaller... the banner was just covering the forum if I made width too small of browser window

also added  /> to img tag to be w3c compliant....


But how can I add Skyscraper (120x600) Banner in both left and right side of the forum.

BENGALI E LIBRARY
http://forum.banglalibrary.org, www.banglalibrary.org
Jyoti Tower, P-313, Nabapally, Salt Lake, Sector-IV, Kolkata-700105
E. M BYPASS, BUS STOP : CHINGRIHATA
PH : 033-23353176, +919831193298, +919836422308

9

Re: Adding A Skyscraper Banner Right Side

How did you make it float. mine ix fixed. Im on punBB1.4.2