Customizing my store - adding stuff/moving/etc - need some help.

[Spartan]

Hey Guys,
Im hoping you can help me customize my page a bit.
Im looking to Move my Search bar to the left side of the screen, just to the right of "Home".

Behind my logo (the SPARTAN banner), I dont want to have any background, like the tinted background for the rest of the page below. Do you know how I can remove the background for just that banner area?

Im looking to add an imagemap link bar as on my main webpage www.spartanleathers.com (feel free to look to see what Im talking about. It's the bar right below the logo.


The last thing (for now), is I want to move my sideboxes up so the top of the sidebox is level with the top of the Home bar.

See the attached image for a visual of what Im looking for.


Any help would be greatly appreciated. Im very inexperienced in PHP, so Im a little slow figuring this stuff out.

Thx!

[kobra]

I dont want to have any background, like the tinted background for the rest of the page below

In the stylesheet you might have to make the background the color you desire for #logoWrapper, or #headerWrapper versus making it transparent as it will still show through the background solor of #mainWrapper

The last thing (for now), is I want to move my sideboxes up so the top of the sidebox is level with the top of the Home bar.

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #000000;
	margin-top: 1.5em;
	}

This is currently coded in your stylesheet with a margin-top you might make it margin-bottom

[stevesh]

1. Find

#navMainSearch {
float:left;
}

in your stylesheet, and change the 'right' to 'left'

[Spartan]

In the stylesheet you might have to make the background the color you desire for #logoWrapper, or #headerWrapper versus making it transparent as it will still show through the background solor of #mainWrapper

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #000000;
	margin-top: 1.5em;
	}

This is currently coded in your stylesheet with a margin-top you might make it margin-bottom

Thanks for your help.

For the background of the header, I added the following:
#headerWrapper{
        background:url(../images/background.png);
}

For the sideboxes, I made it as follows:

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #000000;
	margin-top: 0em;
	}

So that's a couple items down.

[Spartan]

Ok, I also figured out how to create my map linkbar.

In tpl_modules_categories_tabs.php, I added a new "div" it above the <div id="navCatTabsWrapper"> <div id="navCatTabs"> tags.

Now, Im going to try to move the navcattabswrapper stuff to the next bar down, that contains the Home: link.