Go Back   Ultimate Web Site Drop Down Menu Forum > UDM4 > Demos and Configurations
Register FAQ Members List Calendar Today's Posts

Reply
Thread Tools Display Modes
Unread 03-30-2008, 08:53 AM
Cynworld
Posts: n/a
  #1  
Default 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
Reply With Quote
Unread 03-30-2008, 07:18 PM
vinyl-junkie vinyl-junkie is offline
Moderator
Join Date: Aug 2007
Posts: 114
  #2  
Default

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()"]
__________________
Music Around The World - Collecting tips, trade
and want lists, album reviews, & more
SNAP to it!
Reply With Quote
Reply



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 10:53 AM.


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