Recent Questions
Q: Is there any way to change the font size of the secondary and tertiary links but yet have a different font size for the primary links?
A: You can use different font style for each link on each level.
You should use Individual Item Styles.
Please, use Dhtml Tuner application to create individual styles.
For example:
// --- DHTML Tuner style names ---
var tstylesNames=["Individual Style 1","Individual Style 2","Individual Style 3","Individual Style 4","New Individual Style",];
var tXPStylesNames=["Individual Style 1",];
var tstyles = [
["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
//style 0 ["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#215DC6,#428EFF","tfontDecoration=none,none"],
//style 1 ["tfontDecoration=none,none"],
//style 2
["tfontStyle=normal 8pt Tahoma","tfontColor=#013D6D,#5555FF"],
//style 3
["tfontStyle=bold 11px Bookman Old Style","tfontColor=#000000,#000000","tfontDecoration=none,underline"],
//style 4
];
var tmenuItems = [
["+DHTML Menus","", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
//style 0
["|DHTML Menu","http://dhtml-menu.com", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Information", "_self", , , , , ],
["|+DHTML Tree Menu","", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Support", "_self", "2", , , , ],
//style 2
["||2 styles: standard & XP","", , , , , , "3", , , , ],
//style 3
["|||Item 23","", , , , , , "4", , , , ],
//style 4
["|||Item 24","", , , , , , , , , , ],
["||Individual Item & Submenu Styles","", , , , , , "3", , , , ],
//style 3
["||Floatable & Movable Menu","", , , , , , "3", , , , ],
//style 3
....
Q: When using javascript tabbed menu, where do I place the text content related to the selected tab, (the text presented on the rest of the screen under the tab)? And who do I connect a specfic text to a certain tab?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set var tabMode=0;
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste content of javascript tabbed menu here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>
Q: We are in the stage of design, we have a requirement to have the items
fly out from right to left in the dhtml menue.
A: The following parameter controls the ways of showing submenus:
From left to right:
var subMenuAlign="left";
var subMenuVAlign="top";
From left to right + upwards:
var subMenuAlign="left";
var subMenuVAlign="bottom";
From right to left:
var subMenuAlign="right";
var subMenuVAlign="top";
From right to left + upwards:
var subMenuAlign="right";
var subMenuVAlign="bottom";
You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.htmlQ: How do you center the text within the top-level menu cels in the menu java script?
There doesn't seem to be a setting for it in the tuner. There's a justification option for the sub-menus, but not for the top.
A: Use the following parameter to specify align for the top items:
var itemAlignTop="center";