Notes/Domino XPages Development Forum - Horizontal menu that includes a picture or a background.

This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal

~Holly Zekweplopgon

Mar 2, 2011, 10:47 AM

8 Posts

Horizontal menu that includes a picture or a background.

Category: Styles and Themes
Platform: All
Release: 8.5.2
Role: Developer
Tags:
Replies: 1

Hello,
I want to make a horizontal menu that includes a picture or a background in animated mouseover tabs at the same style as the home page of the site OpenNTF.

Is this possible with XPage?
How to start?
Thanks.

~Evelyn Desjumiplopakol

Mar 2, 2011, 11:25 AM

21 Posts

Re: Horizontal menu that includes a picture or a background.

The buttons there use a background image with the two colours, but only has enough space to show one.

On hover, it moves the background image so that the other colour is shown.
a.hover {background-position: 100% -30px; color:#000000}

It's a pretty well known web technique to save on request overhead - often all the images are concatenated into one image, and the position is altered to show the one you want.