Image Links in EZ-Page Header = reward

I've been going through the forums and FAQ and failing at this for two weeks and am about to rip my hair out on this issue. If anyone can help me do this... heck, I'll paypal you $25.

I'm trying to make the top banner & rollover links of my zen store:
http://www.racemaker.com/catalog
match the main site:
http://www.racemaker.com

EZ-Pages 'seem' the way to go and you'll notice I do have external text links in the header of the store. However, those need to be the rollover images of the main site. I've read alot of differing ideas of how to do this on the forums, but none are specific and make much sense to me. They usually are about the sideboxes.

Should I make image buttons and tie those in to the EZ-Page header (how?) and then use the Easy_Rollovers mod? Should this all be done via css? I'm lost.

Any help would be so great... come on, be my hero! Please be detailed, help me get it done, and I'll be happy to reward.
: )

i don't use ezpages in my header, so i can't test this, but this makes sense to me. read it first and see if you agree, then give it a shot!

in includes/templates/yourtemplate/templates/tpl_ezpages_bar_header.php find:

and replace with:

<div class="lilbox">
<a href="<?php echo $var_linksList[$i]['link']; ?>">

</div>

in main stylesheet.css add:

.lilbox a
{background-image:url(../imagedirectory/HOVERIMAGEoff.gif);
background-repeat:no-repeat; text-decoration: none; add font values to match the font face, size, and weight, and add your padding to match your main menu}
.lilbox a:hover
{background-image:url(../imagedirectory/HOVERIMAGEon.gif);
background-repeat:no-repeat; text-decoration: none;add font values to match the font face, size, and weight, and add your padding to match your main menu}

then, just make the two images (solid navy, and navy/checkers) for the hover on / off images to display behind each ezpage link. then just adjust your css to closely match the font you used within your main site's menu images?

and remove:

#navEZPagesTop {
background-color: #05173D;
text-align: center
}

#navBreadCrumb, #navEZPagesTop {
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

#navEZPagesTop a:link {
color: #ffffff;
text-decoration: none;
}

#navEZPagesTop a:visited {
color: #ffffff;
text-decoration: none;
}

#navEZPagesTop a:hover {
color: #ffffff;
text-decoration: none;
}

#navEZPagesTop a:active {
color: #ffffff;
text-decoration: none;
}

and replace with:

#navBreadCrumb {
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em}

#navEZPagesTop {
text-align: center}

i hope it works, or is close! don't forget to save your original versions of these two files before you try this. :bigups:

Eve easier than that; Just download and install the css horizontal dropdown menu from the downloads section (link included), then you can add any 2 images, if needed, and also call ANY internal OR external page simply by adding a

to your tpl_drop_menu.php code, that comes with this mod. Of course, the FILENAME and the HEADER would have to be defined to your specs.

But, then you could add or delete ANY page to your header menu within just a couple of minutes. Is that something like you're looking for?

I mad the image, added it to my menu AND made this screen-shot (below) faster than I wrote this. If you need any help with this idea (if you even like it), just p.m. me.

Well, that turned out pretty small, with ZC's forum pages editing the size. So, I'll try another one. Maybe you can see the image better here. Sorry.

Wow, thanks for the replies! I think part of what I'm doing is trying to add to the forum a really good way of doing this.

Cupcake, awesome thoughts, and I will give it a shot, but it seems like a round-about way of doing it and you're still stuck without a matching font. Both my two images for each link already have the text as part of the image.

Get Em Fast, I'm totally trying that mod first and will let you know how it goes. Thanks!

ps. more ideas are certianly welcome. Would love to see this option built into zencart at some point.

my apologies, all of that was based on me thinking you wanted to stick with a css menu without too many images!

cupcake:

my apologies, all of that was based on me thinking you wanted to stick with a css menu without too many images!

Have another recommendation? I'm not sold on anything really, just trying to find the best way to have rollover links under my header.
: )