Ultimate Web Site Drop Down Menu Forum

Ultimate Web Site Drop Down Menu Forum (http://www.udm4.com/forum/index.php)
-   Demos and Configurations (http://www.udm4.com/forum/forumdisplay.php?f=7)
-   -   How to create "active/current" button with UDM (http://www.udm4.com/forum/showthread.php?t=1091)

03-30-2008 08:53 AM

How to create "active/current" button with UDM
 
Hi, I am very very new to this menu. I am trying to add "active" or "current" button on to the UDM code below. (active button meaning when you are the page is selected and its active, the button is highlighted by using different text and background color) But do not know how to do it. Please help.

Here is the UDM code ( the file that I thought I am editing is udm-custom.js) I use:

um.items = [
"0", // margin between items ["n" pixels]
"0", // border size ["n" pixels] (single value only)
"collapse", // border collapse ["collapse"|"separate"] (only applies when margin = "0")
"none",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"none none none none", // border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"none",// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"none none none none", // hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"none",// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"none none none none",// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"12", // left/right padding ["n" pixels] (single value only)
"7", // top/bottom padding ["n" pixels] (single value only)
"#7F7F7E", // background ["color"|"#hex"|"rgb()"|"image.gif"]
"#969691", // hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
"#7F7F7E", // visited background ["color"|"#hex"|"rgb()"|"image.gif"]
"10px", // font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
"arial",// font family ["font1,font2,font3"] (always end with a generic family name)
"bold", // font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
"none", // text decoration ["none"|"underline"|"overline"|"line-through"]
"left", // text-align ["left"|"right"|"center"]
"#f0f0dd", // color ["color"|"#hex"|"rgb()"]
"#f0f0dd", // hover/focus color ["color"|"#hex"|"rgb()"]
"#f0f0dd", // visited color ["color"|"#hex"|"rgb()"]
"bold", // font-style ["normal"|"italic"|"oblique"]
"bold", // hover/focus font-style ["normal"|"italic"|"oblique"]
"bold", // visited font-style ["normal"|"italic"|"oblique"]
"letter-spacing:0px !important;",// additional link CSS (careful!)
"", // additional hover/focus CSS (careful!)
"", // additional visited CSS (careful!)
"none",// menu indicator character/image ["text"|"image.gif"|"none"]
"none",// menu indicator rollover character/image ["text"|"image.gif"|"none"] (must be same type)
"0", // clipping width of indicator image ["n" pixels] (only when using image arrows)
"..", // alt text of indicator image ["text"] (only when using image arrows)
];


I'd like to say thank you before hand for all your input and help.
Thank you,
Cyn

vinyl-junkie 03-30-2008 07:18 PM

Here are the two bits of code you need to change for that:

Code:

"#969691", // hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
and

Code:

"#f0f0dd", // hover/focus color ["color"|"#hex"|"rgb()"]


All times are GMT. The time now is 10:17 PM.

Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.