|
|
|
How I can style all menu rollover items to have font bold when selected?
Return to Recent Questions
Q:
Can you please give me tips on how I can style all menu rollover items to
have font bold when selected and normal font when not selected?
A:
Unfortunately, Deluxe Tree doesn't have such a feature. You can only
set it's color. You cannot set the font of menu item bold when selected.
You can set menu item's font bold onMouseover, see example here:
http://dhtml-menu.com/dhtml-tree/data-templates/vista-style-7-template-sample.html
You should add
the following code in your data file:
function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}
var tmenuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Programs</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Appearance</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>User Accounts</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Personalization</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Sound and Speech</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Additional Options</div>","", "", "", "", "", "", "", "", ],
];
Please, notice also that you should add this function every time when
you change your menu rollover in DHTML Tuner application, as Tuner deletes
this function.
Return to Recent Questions
Related:
- March 12, 2009 - I have problems with image paths when I create java popup menu in DHTML Tuner.
- May 22, 2009 - I would like to have links of pop up menu using to our website when javascript turned off.
- Jun 17, 2009 - I want to have a different font and color for my vertical expanding menu submenu items...
- Jul 30, 2009 - I need the cursor not to change when hovering over items which don't have links in html dynamic menu
- Sep 14, 2009 - We have errors in the menu dynamique dhtml when we use two menu dynamique dhtml on the one page.
- Oct 12, 2009 - I would like to add bold as a website menu templates font decoration. Is it possible?
- Nov 12, 2009 - How do I highlight main simple drop down menu items when I selected a main category?
- Dec 11, 2009 - I would like to add bold as a expandable menu font decoration. Is it possible?
- Jan 05, 2010 - I have the errors in the floating menu html when I use it in cross-frame mode
- Jan 23, 2010 - Is it possible set a pressed item when you have multiple flyout menus on the page?
- Jan 25, 2010 - Can a dhtml menu bar item that expands the submenu items when selected work as link?
|
