Moving Search & Login & Register

[Guest]

I was wondering how I can move Search & Login & Register in classic skin to under the banner on my site My Webpage If you have a look I have had to cut part of the banner away.

I wish to have the search to the left and register & login to the right but under the banner.

Can anyone help.

Thank you

[markscarts]

Edit: Sorry you had problems with code in original post. I had not tested. Problem was too many spaces in my code on Step Two, but the code syntax, etc. was good. Here is revised code, and proof that it works. Enjoy!

First, in skins/Classic/styleSheets/layout.css FIND:

#topHeader {

	text-align: right;

	height: 36px;

	margin-bottom: 20px;

	padding-right: 0px;

	padding-top: 68px;	

}

REPLACE with this:

#topHeader {

	height: 36px;

	margin-bottom: -10px;

	padding-right: 0px;

	padding-left: 15px;

	padding-top: 90px;	

}

Second, in skins/Classic/styleTemplates/global/index.tpl FIND:

	<div id="topHeader">

  <div>{SEARCH_FORM}</div>

  <div>{SESSION}</div>

	</div>

REPLACE WITH:

<div id="topHeader">

<div style="position:relative;left:0px;float:left">{SEARCH_FORM}</div>

<div style="position:relative;right:0px;text-align:right">{SESSION}</div>

</div>

REPEAT second step for skins/Classic/styleTemplates/global/cart.tpl

RESULT:

[Guest sunshine]

:) MarksCarts, you saved the day again This is what I want to do with my shopping cart box. Move it up to the right and keep the wording only, but I'm afraid of removing the code in the box.

[markscarts]

Is this what you're looking for?

[Guest]

Yes mark that is what I ma looking for

Thanks

[Guest]

Fantastic Job markscarts

Works a treat thankyou for your time and effort with this matter.

Thanks

[Guest sunshine]

That's EXACTLY what I'm looking for Except I want to keep the search box to the right.

[Guest]

That's EXACTLY what I'm looking for  Except I want to keep the search box to the right.

Hi

Yes it looks better the other way round search to the right and login to the left .

:w00t:

[markscarts]

I think so too

That's the way I oriented them on both my Fashion skins at cc3.biz, but I put them in the order you requested

I also like to make all the fonts bold when making a sessions/search bar layout like that.

[Guest vrakas]

Old post but still interesting

Does this also apply in the legend?

If not can you please post how we can do this?

PS: found it, i think

under index.tpl found in the above post

<div align="left">

and replaced with

<div style="position:relative;right:0px;text-align:right">

and the same for the other line it seems to work ok

i also needed to play with these

margin-bottom: -10px;

padding-right: 0px;

padding-left: 15px;

as with FF i had some problems

Got it at the end working, Thanks markscarts ;)

Edited November 26, 2005 by vrakas

[Guest idara]

and how to do it in "killer" this topic will be completed for "Moving Search & Login & Register" if this is replied too

Yunus