How to create simple HTML mouseover menu

Jan

Posts: 301

Reputation: 19

Message # 1 | 2:39 PM 2011-04-09

here is sample code:

Quote

SITE_URL- site url
BUTTON_TITLE- mouseover text (ex: main, forum ...)
IMG1- main image
IMG2- mouseover image

Post edited by Jan - Saturday, 2011-04-09, 2:41 PM

komsha

Posts: 77

Reputation: 1

Message # 2 | 7:55 PM 2011-04-10

wher to put this codE?

Jan

Posts: 301

Reputation: 19

Message # 3 | 8:11 PM 2011-04-10

komsha, wherever you want your menu to be.
I suggsest to but it : CP - customize design - top part of site.. (depends on your design number)

shadychiri

Posts: 62

Reputation: 2

Message # 4 | 9:57 PM 2011-04-15

while the embedded JavaScript is efficient it drags a lot i think the best option is using CSS

PiratesHaven

Jan

Posts: 301

Reputation: 19

Message # 5 | 1:20 AM 2011-04-16

shadychiri, this is just one way to do it smile

Blazer

Posts: 310

Reputation: 25

Message # 6 | 9:46 AM 2011-04-16

there should be a background for the buttons but it doesnt appear ( http://test222.ucoz.com )

If i helped you + My Reputation and Give me an Award.

Animorph

Posts: 2856

Reputation: 189

Message # 7 | 9:58 AM 2011-04-16

Blazer, you need to make the background image appear by coding your own with CSS for example. because Jan's code doesn't give a backlground for the buttons it just shows you how to create a hovering button

To busy building a passive income online ;)

Blazer

Posts: 310

Reputation: 25

Message # 8 | 10:25 AM 2011-04-16

can you show me how to make the background ?

If i helped you + My Reputation and Give me an Award.

Animorph

Posts: 2856

Reputation: 189

Message # 9 | 10:30 AM 2011-04-16

Blazer, provide me your menu code , information where your menu is located and design number and i will try smile

To busy building a passive income online ;)

Blazer

Posts: 310

Reputation: 25

Message # 10 | 1:41 PM 2011-04-16

Design : #982

Code

If i helped you + My Reputation and Give me an Award.

Jan

Posts: 301

Reputation: 19

Message # 11 | 9:09 PM 2011-04-16

Blazer, where do you want your menu (position)Up or somewhere downward?

Blazer

Posts: 310

Reputation: 25

Message # 12 | 6:07 AM 2011-04-17

the same place the website in example has it

If i helped you + My Reputation and Give me an Award.

Jan

Posts: 301

Reputation: 19

Message # 13 | 10:21 AM 2011-04-17

Blazer, here is a code for you:

Quote

marked in red: background image (be sure that background image is same height as your menu button!)
marked in green: Your menu code goes here..
marked in blue: your menu position (left - right - center)

Post edited by Jan - Sunday, 2011-04-17, 10:23 AM

Blazer

Posts: 310

Reputation: 25

Message # 14 | 12:54 PM 2011-04-20

thanks

Added (2011-04-20, 6:54 Am)
---------------------------------------------
i cant put a button next to the other button.

If i helped you + My Reputation and Give me an Award.

Post edited by Blazer - Sunday, 2011-04-17, 1:18 PM

Jan

Posts: 301

Reputation: 19

Message # 15 | 1:35 PM 2011-04-20

Blazer, just but next button code after lastone (marked in green in last post)

If you still have problems provide your menu code.

Page 1 of 2 1 2 »
Forum moderator: bigblog