Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Top Nav Bar image quesiton

Top Nav Bar image quesiton

Locked

Views: 476

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
4 May 2010, 7:20 PM
#1
jonezy09 avatar

jonezy09

New Zenner

Join Date:
Apr 2010
Posts:
6
Plugin Contributions:
0

Top Nav Bar image quesiton

I am currently working on my site and I want to replace the EZ page links with images that change with a mouse roll over. Where would I even start to attempt this.

Thanks

4 May 2010, 7:33 PM
#2
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Top Nav Bar image quesiton

You would call you images from your stylesheet.css, such as:

#navEZPagesTop {
background: url(../images/your_image_1.jpg);
}

#navEZPagesTop:hover {
background: url(../images/your_image_2.jpg);
}

and of course, you may have to add some other attributes, like margin and padding to position it the way you need it.

Hope this helps.

If you have any problems, pm me.

4 May 2010, 7:41 PM
#3
jonezy09 avatar

jonezy09

New Zenner

Join Date:
Apr 2010
Posts:
6
Plugin Contributions:
0

Re: Top Nav Bar image quesiton

Now if I wanted to take each link I have from the Ez pages and eliminate that bar completely and just add an individual image to replace the each link. How would I go about that? here is a site that has what i am looking for.

http://www.ifixit.com/

5 May 2010, 3:14 AM
#4
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Top Nav Bar image quesiton

If those are in fact the same links that you're wanting to use, then you can add whatever background image you want, plus button images, plus hover images. So, I would do that rather than deleting all your EZ-Pages links, as they are much easier to make, modify, and delete than hard coding links or starting fresh with another menu that you would have the same problem with.

P.M. me, and I'll help get you all fixed up.