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

Who's Online

225 user(s) are online (167 user(s) are browsing Support Forums)


Members: 0


Guests: 225


more...

Donat-O-Meter

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

Latest GitHub Commits