1
maykeltje
Menu in buttons instead of text
  • 2006/1/24 10:23

  • maykeltje

  • Just popping in

  • Posts: 16

  • Since: 2005/6/6 1


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

2
bluenova
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

3
tjnemez
Re: Menu in buttons instead of text
  • 2006/1/24 10:33

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


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 ...

4
mawi27
Re: Menu in buttons instead of text
  • 2006/1/24 12:13

  • mawi27

  • Friend of XOOPS

  • Posts: 103

  • Since: 2006/1/1 1


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

5
maykeltje
Re: Menu in buttons instead of text
  • 2006/1/26 15:31

  • maykeltje

  • Just popping in

  • Posts: 16

  • Since: 2005/6/6 1


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

Login

Username:
Password:

Lost Password? Register now!

Who's Online

42 user(s) are online (24 user(s) are browsing Support Forums)


Members: 0


Guests: 42


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Jun 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits