Forums / Addon Templates / EZ pages header menu- replace links with images -crista gray

EZ pages header menu- replace links with images -crista gray

Views: 4,767

Results 21 to 28 of 28
6 Dec 2011, 3:55 AM
#21
yelsha42 avatar

yelsha42

New Zenner

Join Date:
May 2011
Posts:
14
Plugin Contributions:
0

EZ pages header menu- replace links with images -crista gray

Great! Okay so I've replaced the old links with the EZ page links (you can't see it at the moment because it's white on a white background). Now I'm trying to use the EZpages Improved Headers mod. I've uploaded all the files to my server and added the images I need to the buttons folder and named them accordingly with the ez page id and all the rest. But I'm not sure what to put in the css file or where. I read the readme file and also the forum thread related to this mod but couldn't find what exactly I'm supposed to do with the css file. thanks for your help everyone.. I'm nearly there :D

6 Dec 2011, 4:55 AM
#22
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: EZ pages header menu- replace links with images -crista gray

Delete the float-right from <div class="topper-menu float-right">.

For starters, add the red items to stylesheet_ezpages_improved_menus.css, then play around as you like```
/header/
.topper-menu {float: none;}
#navEZPagesTop {background: #aabbff; border: 1px solid #ffeedd;}
#navEZPagesTop ul {background: #aabbff; height:33px;}

#navEZPagesTop ul li {display: inline;}
#navEZPagesTop ul li a {display: block; color: #000000;}

What ez-pages have you made for header links? What are their ids? What are the image names for them and where are they saved?
6 Dec 2011, 5:31 AM
#23
yelsha42 avatar

yelsha42

New Zenner

Join Date:
May 2011
Posts:
14
Plugin Contributions:
0

Re: EZ pages header menu- replace links with images -crista gray

Okay I added the code you gave me so you can see the links now. The id for home is 1, events is 2, about us is 3 and shop is 4. I uploaded the images into includes/templates/BattleAxe/buttons/english. I named the image for the home link "ezphead01.jpg" (and I also uploaded an identical file in the same place called "ezphead1.jpg" cause I wasn't sure if it needed 2 digits or not). I also edited the image_titles_defines.php so it recognises the jpg file extention.

6 Dec 2011, 5:50 AM
#24
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: EZ pages header menu- replace links with images -crista gray

Don't pad the ids, but use them exactly as they are (ezphead1.jpg not ezphead01.jpg). It sounds like you have done things right, and the file ezphead1.jpg is where it should be.
Post the define you have for the .jpg extension.

6 Dec 2011, 9:28 PM
#25
yelsha42 avatar

yelsha42

New Zenner

Join Date:
May 2011
Posts:
14
Plugin Contributions:
0

Re: EZ pages header menu- replace links with images -crista gray

Apparently this is all that there is in the whole image_titles_defines.php document:

define('IMAGE_TITLES_EXT','.jpg');// or .jpg, .png, etc.
?>

So what's the next step in getting the images to show up?

7 Dec 2011, 10:01 AM
#27
yelsha42 avatar

yelsha42

New Zenner

Join Date:
May 2011
Posts:
14
Plugin Contributions:
0

Re: EZ pages header menu- replace links with images -crista gray

So, there's nothing else I need to do? The images should show up just like that?