Hello everybody,

I'm looking for a way to get rid of the textmenu and exchange it for my own made buttons. Everywhere i see a XOOPS site they have text menu's with a color change when goping over with the mouse.

I've made buttont and a mouseover button. Is there a way or a tool or something to make such a thing? I'm very tankfull for the helping people.

Sorry for my bad englisch by the way.

Greetings from Holland

You can edit the Themes CSS file to change the colours, but if you want image buttons, I would recommend using multimenu as you can just add a link to the image for the button very easily.

Multimenu XOOPS 2.0.X

Multimenu XOOPS 2.2.X

you can simply use css for this as well.

example:

td#mainmenu a {
color: #000;
margin: 0;
height: auto;
border-bottom: 1px solid #000;
padding: 5px 0px 3px 10px;
background: #e3e8e0 url(your button.gif) no-repeat;
}

td#mainmenu a:hover {
color : #ff9900;
text-decoration: none;
background: #e3e8e0 url(your button rollover.gif) no-repeat;

you will likely need to adjust height and padding

Quote:

I have tried that for the user menu, but facing a serious problem: In the standard user menu i see the number of unread messages in the inbox.
How can i get this into multimenu (2.2.x)?

Marco

Oke i've got the pictures where I want them to be. Only my last problem is the height of the picture that is wrong.

td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; background: #e3e8e0 url(http://site.kronenberginfo.nl/themes/default/button1.jpg) no-repeat;
}
td#mainmenu a:hover {background: #e3e8e0 url(http://site.kronenberginfo.nl/themes/default/button2.jpg) no-repeat;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}


Here you see I've implanted the pictures but the height is still wrong. I tried to set Height: auto; between but there was no change at all.

Can someone help me with this last problem?

Greetings from Holand again