|
|
|
How I can style all menu dynamique css 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 dynamique css 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 dynamique css 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 menu dinamico javascript in DHTML Tuner.
- May 22, 2009 - I would like to have links of html form drop down menu to our website when javascript turned off.
- Jun 17, 2009 - I want to have a different font and color for my javascript navigation submenu items...
- Jul 30, 2009 - I need the cursor not to change when hovering over items which don't have links in menu dynamique horizontal
- Sep 14, 2009 - We have errors in the drop down menu html code when we use two drop down menu html code on the one page.
- Oct 12, 2009 - I would like to add bold as a drop down menu creator font decoration. Is it possible?
- Nov 12, 2009 - How do I highlight main menu bar html items when I selected a main category?
- Dec 11, 2009 - I would like to add bold as a menu for web font decoration. Is it possible?
- Jan 05, 2010 - I have the errors in the menu rollover when I use it in cross-frame mode
- Jan 23, 2010 - Is it possible set a pressed item when you have multiple menus navigation on the page?
- Jan 25, 2010 - Can a drop down menu scripts item that expands the submenu items when selected work as link?
|
