xoops forums

maykeltje

Just popping in
Posted on: 2006/1/24 10:23
maykeltje
maykeltje (Show more)
Just popping in
Posts: 16
Since: 2005/6/6 1
#1

Menu in buttons instead of text

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
Posted on: 2006/1/24 10:25
bluenova
bluenova (Show more)
Posts: 1022
Since: 2004/4/10
#2

Re: Menu in buttons instead of text

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

tjnemez

Home away from home
Posted on: 2006/1/24 10:33
tjnemez
tjnemez (Show more)
Home away from home
Posts: 1594
Since: 2003/9/21
#3

Re: Menu in buttons instead of text

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
Not right now; I am busy screwing up my site!


Dream Catcher Dezines
Mind Health ...

mawi27

Friend of XOOPS
Posted on: 2006/1/24 12:13
mawi27
mawi27 (Show more)
Friend of XOOPS
Posts: 103
Since: 2006/1/1 1
#4

Re: Menu in buttons instead of text

Quote:

bluenova wrote:
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.



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
--
Match Dart!
Darts Ranking, News, Videos, Forum and more

maykeltje

Just popping in
Posted on: 2006/1/26 15:31
maykeltje
maykeltje (Show more)
Just popping in
Posts: 16
Since: 2005/6/6 1
#5

Re: Menu in buttons instead of text

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