Page layout question

[r1formetoo]

In my header I have Contact Us and Shipping & Returns; however, that's not where I would like to permanently leave those links. So, how possible is it going to be to completely remove that entire green bar with those two links and then place those links, along with others, somewhere along side my Mower Part Supply logo? I might even like to put those links in the solid portion of the grass but darned if I know how....

Ian
http://mowerpartsupply.com/catalog/

[CoolCarPartsOnline]

I think this is in the define ezpages under tools tab. you want to disable those ez pages in the header

[r1formetoo]

Ok, so I've done that. Now I need to proceed to lifting the catagories box up to the logo.

Ian

[r1formetoo]

bump bump

[saitomedia]

Do you mean having your products categories accessible from the header?

If so, I think there are some good mods you can install such as

http://www.zen-cart.com/index.php?ma...roducts_id=476

It's worth a try. Remember to backup before adding any mods.

I might even like to put those links in the solid portion of the grass but darned if I know how....

If you want menu integrated into your header graphics, then you'll definitely need to slice your graphics up with photoshop once you added the menu items in the graphics. Make those slices into a link afterwords.

I hard coded my menu with simple javascript rollover. You can find the link in my sig, hopefully, this is what you're looking for.

[r1formetoo]

Do you mean having your products categories accessible from the header?

If so, I think there are some good mods you can install such as

http://www.zen-cart.com/index.php?ma...roducts_id=476

It's worth a try. Remember to backup before adding any mods.



If you want menu integrated into your header graphics, then you'll definitely need to slice your graphics up with photoshop once you added the menu items in the graphics. Make those slices into a link afterwords.

I hard coded my menu with simple javascript rollover. You can find the link in my sig, hopefully, this is what you're looking for.

Well, I'm not talking about having my same products "categories" menu in the header. I don't really think it needs to be listed twice. I looked at your site and it's pretty similar to what I'm talking about doing. Look at the page
http://mowerpartsupply.com/test6.html

Do you see how the links for "warranty, location, and about us, etc" are kind of in the header? I'd ultimately like to be able to have more links up in that area where the grass is. I know I could have some ez pages links right below the grass but that's not what I want. I don't know where to start or where to look to try to start putting those links in the header. I also want to move everything upward so there isn't a blank white space between the header and everything below the header. What should I do? Thanks.

Ian

[gjh42]

There's nothing that says your ez-pages header bar needs to remain a full width block sitting below the header image.
Add to your stylesheet

#navEZPagesTop {
    width: 432px;/*adjust to taste*/
    float: right;
    }

To get it into the header image, you may need to alter the setup so that the image is the #headerWrapper background, and the #logo div is a smaller transparent block located above the "grass" area. This can be fine-tuned in the stylesheet.

[r1formetoo]

There's nothing that says your ez-pages header bar needs to remain a full width block sitting below the header image.
Add to your stylesheet

#navEZPagesTop {
    width: 432px;/*adjust to taste*/
    float: right;
    }

To get it into the header image, you may need to alter the setup so that the image is the #headerWrapper background, and the #logo div is a smaller transparent block located above the "grass" area. This can be fine-tuned in the stylesheet.

Okay, so I added that bit of code to my
includes/templates/mower/css/stylesheet.css and uploaded it.
I then turned on the ez pages header and it produced it's own block again for the header. I was hoping the ez pages links would somewhere magically appear in my background header image but I guess not. So, something isn't quite right I gather. Now what?

Ian

[gjh42]

It's not "isn't quite right", it just isn't finished yet. I said there would be more tweaking to do.

First, there is a <br class="clearBoth" /> at the bottom of the logo code which you will have to remove in /includes/templates/your_template/common/tpl_header.php. That forces the next element to be below the logo, which you don't want. From view source:

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><a href="http://mowerpartsupply.com/catalog/"><img src="includes/templates/mower/images/logo-zc2.jpg" alt="Back to Mower Part Supply Home Page [home link]" title=" Back to Mower Part Supply Home Page [home link] " width="200" height="150" /></a></div>
    <div id="taglineWrapper">

      <div id="tagline"><h1></h1></div>
    </div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<div id="navEZPagesTop">
  <a href="http://mowerpartsupply.com/catalog/index.php?main_page=contact_us">Contact Us</a>

</div>
<!--eof-header ezpage links-->

Try that and let's see what you have... one step at a time.

In your stylesheet, you will want to give #logoWrapper a width: 200px;
and you can increase the #navEZPagesTop width by 100px more or less.

[gjh42]

#navEZPagesTop width by 100px more or less.

Probably more like 70-80px.