Banner Next To A Logo ?

[howinfo +]

I am using v4.1.6 default layout.

I have been trying to but a banner ad on the top of the nav bar at the right side of the logo. I was assuming that the right file was layout.tpl so I tried to stick the ad code in different places but it just ended up in the wrong location and messed up the page.

Can somebody tell me please if the layout.tpl is the right file and between which line of code I should but the ad code in order to it appear at the right side of the logo.

Thank You

[Mike-N-Tosh +]

Yes, the layout.tpl file is the correct file. More than likely the issue is in the CSS file (style.css) as the template logo is big to accommodate larger logos. You may need to decrease the width of the logo declaration and consider adding in a new class for your advertisement banner as well.

[howinfo +]

Thanks Mike-N-Tosh It will be too complicated for me do it myself as I do not know anything about the code. The problem could be what you said but I think I was just sticking my banner code to a wrong place, as I was just randomly putting it anywhere in hope that it will end up in the right location.

[seymourjames +]

You will need to adjust several elements in the css file to do this which include putting in a height for the #header, adjusting the css for the #logo as well. It also becomes easier to do if you move a couple of things around in the layout.tpl file such as the welcome guest part.

[Dragline +]

Bringing this thread back instead of starting a new one. Im trying to ad a banner rotator to the blank space to the right of the logo.

I have already decreased the logo width in the style.css from 960 to 400.

I know next I have to edit the layout.tpl though Im not sure exactly where to add the javascript I have. Ive tried adding it below the code for logo and ended up making my site give a 500:error. Obviously i did something wrong. Im not sure what adding a new class is. Any help would be appreciated.

Here is the javascript I got off the web.

<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
        rnd.seed = (rnd.seed*9301+49297) % 233280;
        return rnd.seed/(233280.0);
};
function rand(number) {
	var result = Math.ceil(rnd()*number);
	if (!result)result++;
        return result
};
var ad_cnt1 = 2;
var ad1 = rand(ad_cnt1);
var link1;
var adBanner1;
var width1
var height1
if (ad1==1) {
link1="http://www.mayhemmotorsports.net";
adBanner1="http://www.horsepowerjunkies.com/banners/M2Logo.gif";
width1="468";
height1="60";
alt1="mayhem";
}
if (ad1==2) {
link1="http://fastlanemotorsports.us";
adBanner1="http://www.horsepowerjunkies.com/banners/fastlane_banner.JPG";
width1="468";
height1="60";
alt1="fastlane";
}
document.write('<center><a href="' + link1 + '" target="_blank">');
document.write('<img src="' + adBanner1 + '" width=' + width1 + ' height=' + height1 + ' border=0 alt="' + alt1 + '"></a>');
document.write('</center>');
// End -->
</SCRIPT>

[seymourjames +]

Which template?

You may have to increase the header height too?

Are you using literal tags to enclose the javascript?

I am afraid you are not giving enough info really to help.

[Dragline +]

Originally Posted by seymourjames

Which template?

You may have to increase the header height too?

Are you using literal tags to enclose the javascript?

I am afraid you are not giving enough info really to help.

I am using Sigma Silver. I did not wrap it in literal tags but will try that.

[seymourjames +]

Here is the css you should be looking at in terms of making it fit height wise.

#header {
clear:both;
float:left;
width:960px;
height:140px;
}


So you get the hang of it, just position a test image image there first. Exactly where you want it. and get a copy of web developer for Firefox and use the outline tool to see what css is involved in what you are trying to do. It makes it so much easier and the tool is free.

[Dragline +]

Using the literal tags made the banners appear in the header. Without editing #header height or width it is in the middle. Editing #header width did place it over to the right side of the header. But it is at the very top of the page. This also relocated the Welcome Guest over to the left above the main logo. Increasing the #header height didn't do anything but just increase the height of the header area.

At least im making progress in the right direction I think. Hopefully i will be able to mess around with it more a little later.

[seymourjames +]

Yes but you are not explaining your real issue. Is it display, is it positioning?