CLICKIMAGE or PAGEIMAGE?

[iBringSolutions]

Hi,

Using CLICKIMAGE I've had no success trying to get an image to display once a menu link is clicked.

You can see the menu at work here: http://www.xsprotemplates.com/ceogrowth/

You can see the code for the menu here: http://www.xsprotemplates.com/ceogrowth ... AR_MENU.js

Any help would be greatly appreciated.

Thanks!

Patrick

[iBringSolutions]

Okay,

After some digging it appears that the menu effect I'm after is PAGEIMAGE. I think. Almost got it working, but now when I click on a link in the menu the "you are here" menu image appears left of the link/text. Why is that?

Is there a way to center the text/links over the (page)image?

Please reference the links in my post above.

Thanks.

Patrick

[Andy]

Hi,

Are you trying to do a tab style menu?

If you are, it might be an idea to use Webplugs for that.

Let me know

Andy

[iBringSolutions]

Hi,

Are you trying to do a tab style menu?

If you are, it might be an idea to use Webplugs for that.

Let me know

Andy

Thank you Andy.

Where can I learn more about the Webplugs?

[Ruth]

Hi,

I am working on this but I think what you need is a bgimage, not an image since you want the words on top. It might be best to do it with css class since you can then position it as you like. I will try to set it up and post the code back here.

As to webplugs try here viewtopic.php?f=10&t=10154

It's a system to create everything from css

Ruth

[Ruth]

Hi,

OK, put this in your menuStyle section on the info bar menu.js file, that's the style you are using for the main menu.

Code: Select all

pageclass="menubg";

Then in your info bar menu css file add this class

Code: Select all

.menubg {background: transparent url(greyL03.gif) no-repeat left top;}

Now when there is a match, that greyL03.gif will show as a bg image with the text over it. As you see it's set as no-repeat and top left and the background color is transparent so if for whatever reason the page matching bg image doesn't show it will have the same color as without the image. You can of course set the color to whatever you want in case the pagebgimage doesnt' show, say the color of the bgimage you are using, but of course it wouldn't have that rounded look, it would just fill the whole item that bgcolor, but only if the pagebgimage didn't load for whatever reason.

Hope this helps

Ruth