Gossamer Forum: Products: Gossamer Links: Development, Plugins and Globals: I need to place a banner betwen "Logo" and "LoginBar" in the headers

Oct 10, 2007, 12:59 PM

Mark2

User (344 posts)

Oct 10, 2007, 12:59 PM

Post #1 of 5

Shortcut

I need to place a banner betwen "Logo" and "LoginBar" in the headers

Hello,
Somehow, I can not put a standard banner at the top of the page using a modified version of luna templates.
Everytime I put the banner appears below the logo or above it ....
What am I doing wrong here...??
I created a banner tag at the bottom of the CSS file... like this:

Code:
#banner {  
margin-left: 252px;  
margin-top: 0px;  
border: 0px solid blue;  
width: 468px;  
height: 60px;  
background: transparent url(/image/carhead.gif) top left no-repeat;  
text-indent: -9999px;  
}  
#banner a {  
text-decoration: none;  
display: block;  
width: 100%;  
height: 100%;  
}

[/code]Then I added the banner tag in the include_header.html page... like this:

Code:
<div id="header">  
<div id="loginbar"><a href="<%config.db_cgi_url%>/user.cgi<%if user.Username%>?logout=1<%endif%>" class="<%if user.Username%>in<%else%>out<%endif%>"><%if user.Username%>Logout<%else%>Login/Register<%endif%></a></div>  
<div id="logo"><h1><a href="<%config.build_root_url%>"><%site_title%></a></h1></div>  
<div id="banner"><a href="http://www.domain.com">Visit Out Sponsor</a></div>  
</div>

[/code]
I need to put the logo, banner, and loginbar all on one line ....

thanks for your help
Mark

Oct 10, 2007, 5:41 PM

VishalT

Veteran (1127 posts)

Oct 10, 2007, 5:41 PM

Post #2 of 5

Shortcut

Re: [Mark2] I need to place a banner betwen "Logo" and "LoginBar" in the headers In reply to

Hi Mark,

I have not worked on editing Luna template, however here is something:

1) There don't seem to be space for 468px width banner, between logo and Login/Register Link.
2) You might want to try where logo remains as it is and on right side, Login/Register Links appear above the Banner.

I did quick edit (*from view source of the site and not in template*) and this worked for me:

Code:
<style> 
.banner { 
	width: 468px; 
	height: 60px; 
	background-color: Gray; 
	float: left; 
} 
</style> 


<div id="loginbar"> 
	<a href="http://demo.gossamer-threads.com/perl/linkssql/user.cgi" class="out">Login/Register</a><br> 
<div class='banner'></div> 
</div>

P.S. I haven't tested it, so please make sure you do. You might also wanna update the gray bg.

Hope this helps.

Vishal
-------------------------------------------------------

Last edited by:

SWDevil.Com: Oct 10, 2007, 5:42 PM

Oct 10, 2007, 8:02 PM

Mark2

User (344 posts)

Oct 10, 2007, 8:02 PM

Post #3 of 5

Shortcut

Re: [SWDevil.Com] I need to place a banner betwen "Logo" and "LoginBar" in the headers In reply to

Thanks Vishal,
I've tried this one.. but still have the same results... the banner appears below the logo or the login/register ..
I also changed the width of the banner to 168px and still same results...

thanks again for your help...
Mark

Oct 10, 2007, 9:03 PM

VishalT

Veteran (1127 posts)

Oct 10, 2007, 9:03 PM

Post #4 of 5

Shortcut

Re: [Mark2] I need to place a banner betwen "Logo" and "LoginBar" in the headers In reply to

I tested this in the template set and it should work

Code:
.br1 { clear: both; } 

.header01 { 
	width: 750px; 
	float: left; 
	height: 80px; 
	background-color: #F5F5F5; 
} 
.side1 { 
	width: 250px; 
	float: left; 
} 
.side2 { 
	width: 500px; 
	float: left; 
} 
.logo01 { 
  float: left; 
  width: 250px; 
} 
.headerlinks01 { 
	float: right; 
	background-color: Silver; 
	text-align: right; 
} 
.banner01 { 
	width: 468px; 
	height: 60px; 
	float: right; 
	background-color: #FFD700; 
	margin-top: 5px; 
}

Code:
<div class='header01'> 
	<div class='side1'> 
		<div class='logo01'> 
			<img border="0" src="http://demo.gossamer-threads.com/linkssql/static/luna/images/logo.gif" width="250" height="80"> 
		</div> 
	</div> 
	<div class='side2'> 
		<div class='headerlinks01'>Header Links Here</div> 
		<br> 
		<div class='banner01'>Banner Here</div> 
	</div> 
</div>

Change the css class name and bg as you desire.

Hope this helps.

Vishal
-------------------------------------------------------

Last edited by:

SWDevil.Com: Oct 10, 2007, 9:06 PM

Oct 11, 2007, 7:15 PM

Mark2

User (344 posts)

Oct 11, 2007, 7:15 PM

Post #5 of 5

Shortcut

Re: [SWDevil.Com] I need to place a banner betwen "Logo" and "LoginBar" in the headers In reply to

Thanks much Vishal.... that worked just fine...
I also tweeked it a little bit since the width of my page is a bit wider...

thanks again ... ;)
Mark