Support Forums

Banner Next To A Logo ?

This is a discussion on Banner Next To A Logo ? within the Templates, HTML, CSS, and Design Help forums, part of the General category; I am using v4.1.6 default layout. I have been trying to but a banner ad on the top of the ...


Go Back   68 Classifieds Forums > General > Templates, HTML, CSS, and Design Help

Reply
 
Thread Tools Display Modes
Old 02-12-2010, 09:05 PM   #1
Customer
 
howinfo's Avatar
 
Join Date: Sep 2009
Posts: 20
Rep Power: 9
howinfo is on a distinguished road
Default Banner Next To A Logo ?

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
__________________
Training And Courses
howinfo is offline   Reply With Quote
Old 02-13-2010, 12:12 AM   #2
Developer & Moderator
 
 
Join Date: Jan 2007
Location: Pennsylvania, USA
Posts: 2,311
Rep Power: 69
Mike-N-Tosh is just really nice Mike-N-Tosh is just really nice
Default

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.
__________________
Mike-N-Tosh
IndianaPC.org - A community website (v3.1.10 Developer - heavily modified & used as the CMS)
Sandbox [localhost(v3.1.10, v4.0.9, 4.1.10,4.2,5.0)] for development and customization
Visit My blog: reviews, tips, tricks, tutorials and my store with Templates, Mods & Docs
Web Hosting | Web Design & Development | 68 Classifieds Customizations
I am not a 68C employee, just a user and try to help out
Mike-N-Tosh is offline   Reply With Quote
Old 02-14-2010, 07:41 PM   #3
Customer
 
howinfo's Avatar
 
Join Date: Sep 2009
Posts: 20
Rep Power: 9
howinfo is on a distinguished road
Default

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.
__________________
Training And Courses
howinfo is offline   Reply With Quote
Old 02-15-2010, 03:26 AM   #4
All Hands On Deck
 
 
Join Date: Mar 2008
Posts: 3,342
Rep Power: 84
seymourjames is a jewel in the rough
Default

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.
__________________
"The fool doth think he is wise, but the wise man knows himself to be a fool.".

TemplateCodes.com for 68C, Version 4 Templates & Modules
Get the Best U.S Hosting, Best U.K Hosting
seymourjames is offline   Reply With Quote
Old 03-17-2011, 03:46 AM   #5
Customer
 
Join Date: Jan 2011
Posts: 12
Rep Power: 3
Dragline is on a distinguished road
Default

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.

Code:
<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>
Dragline is offline   Reply With Quote
Old 03-17-2011, 04:48 AM   #6
All Hands On Deck
 
 
Join Date: Mar 2008
Posts: 3,342
Rep Power: 84
seymourjames is a jewel in the rough
Default

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.
__________________
"The fool doth think he is wise, but the wise man knows himself to be a fool.".

TemplateCodes.com for 68C, Version 4 Templates & Modules
Get the Best U.S Hosting, Best U.K Hosting
seymourjames is offline   Reply With Quote
Old 03-17-2011, 12:02 PM   #7
Customer
 
Join Date: Jan 2011
Posts: 12
Rep Power: 3
Dragline is on a distinguished road
Default

Quote:
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.
Dragline is offline   Reply With Quote
Old 03-17-2011, 12:09 PM   #8
All Hands On Deck
 
 
Join Date: Mar 2008
Posts: 3,342
Rep Power: 84
seymourjames is a jewel in the rough
Default

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.
__________________
"The fool doth think he is wise, but the wise man knows himself to be a fool.".

TemplateCodes.com for 68C, Version 4 Templates & Modules
Get the Best U.S Hosting, Best U.K Hosting
seymourjames is offline   Reply With Quote
Old 03-17-2011, 12:29 PM   #9
Customer
 
Join Date: Jan 2011
Posts: 12
Rep Power: 3
Dragline is on a distinguished road
Default

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.
Dragline is offline   Reply With Quote
Old 03-17-2011, 12:42 PM   #10
All Hands On Deck
 
 
Join Date: Mar 2008
Posts: 3,342
Rep Power: 84
seymourjames is a jewel in the rough
Default

Yes but you are not explaining your real issue. Is it display, is it positioning?
__________________
"The fool doth think he is wise, but the wise man knows himself to be a fool.".

TemplateCodes.com for 68C, Version 4 Templates & Modules
Get the Best U.S Hosting, Best U.K Hosting
seymourjames is offline   Reply With Quote
Reply

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Flash banner on the right side of the logo metroem Templates, HTML, CSS, and Design Help 1 01-25-2009 07:27 AM
Logo Help island1 Technical Support 18 12-15-2008 09:24 AM
Logo help ver 4.0.9 RandyB Technical Support 2 11-23-2008 01:01 PM
Add a Logo into V4 jj30 Technical Support 7 06-09-2008 02:41 PM
New Logo azrealty Technical Support 17 05-13-2008 05:37 PM


All times are GMT -4. The time now is 02:26 AM.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2011, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0