Hoe het menu er moet uitzien (kleuren, lettertypes, enz) kan je niet in je CSS-bestand zetten. Het moet wel komen in het bestand menus_ini_002.js (in jouw geval in de map "index"). Daarin vind je volgende regels terug die de opmaak regelen:
Code:
//var NoOffFirstLineMenus=8;
var LowBgColor="#000000";
var HighBgColor="#FFE494";
var FontLowColor="#ffffff";
var FontHighColor="#00443E";
var BorderColor="#FFFFFF";
var BorderWidth=0;
var BorderBtwnElmnts=1;
var FontFamily="arial";
var FontSize=8;
var FontBold=1;
var FontItalic=0;
var MenuTextCentered="center";
var MenuCentered="static";
var MenuVerticalCentered="top";
var ChildOverlap=.01;
var ChildVerticalOverlap=.01;
var VerCorrect=0;
var HorCorrect=0;
var LeftPaddng=0;
var TopPaddng=2;
var FirstLineHorizontal=1;
var MenuFramesVertical=1;
var DissapearDelay=100;
var UnfoldDelay=0;
var TakeOverBgColor=1;
var FirstLineFrame="";
var SecLineFrame="";
var DocTargetFrame="";
var TargetLoc="";
var MenuWrap=1;
var RightToLeft=0;
var BottomUp=0;
var UnfoldsOnClick=0;
var BaseHref="";
var Arrws=[BaseHref+"/images/newmenu/pijltje.gif",11,11,BaseHref+"/images/newmenu/dash.gif",5,13,"",0,0,"",0,0];
var MenuUsesFrames=0;
var RememberStatus=0;
var PartOfWindow=.8;
var MenuSlide="";
var MenuSlide="progid:DXImageTransform.Microsoft.RevealTrans(duration=.5, transition=19)";
var MenuSlide="progid:DXImageTransform.Microsoft.GradientWipe(duration=.5, wipeStyle=1)";
var MenuShadow="";
var MenuShadow="progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offX=0, offY=0, positive=0)";
var MenuShadow="progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=1)";
var MenuOpacity="";
var MenuOpacity="progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}
Als je wil weten wat die verschillende variabelen allemaal precies doen: wat hieronder volgt is een beetje uitleg bij elke variabele (let op: komt van een andere versie van het script; sommige variabelen kunnen dus verschillen):
Code:
var NoOffFirstLineMenus=5; // Number of main menu items
// Colorvariables:
// Color variables take HTML predefined color names or "#rrggbb" strings
// For transparency make colors and border color ""
var LowBgColor="red"; // Background color when mouse is not over
var HighBgColor="lightblue"; // Background color when mouse is over
var FontLowColor="yellow"; // Font color when mouse is not over
var FontHighColor="blue"; // Font color when mouse is over
var BorderColor="black"; // Border color
var BorderWidthMain=1; // Border width main items
var BorderWidthSub=1; // Border width sub items
var BorderBtwnMain=1; // Border between elements main items 1 or 0
var BorderBtwnSub=1; // Border between elements sub items 1 or 0
var FontFamily="comic sans ms,technical,arial"; // Font family menu items
var FontSize=9; // Font size menu items
var FontBold=0; // Bold menu items 1 or 0
var FontItalic=0; // Italic menu items 1 or 0
var MenuTextCentered="center"; // Item text position left, center or right
var MenuCentered="center"; // Menu horizontal position can be: left, center, right, justify,
// leftjustify, centerjustify or rightjustify. PartOfWindow determines part of window to use
var MenuVerticalCentered="center"; // Menu vertical position top, middle,bottom or static
var ChildOverlap=.2; // horizontal overlap child/ parent
var ChildVerticalOverlap=.2; // vertical overlap child/ parent
var StartTop=0; // Menu offset x coordinate. If StartTop is between 0 and 1 StartTop is calculated as part of windowheight
var StartLeft=0; // Menu offset y coordinate. If StartLeft is between 0 and 1 StartLeft is calculated as part of windowheight
var VerCorrect=0; // Multiple frames y correction
var HorCorrect=0; // Multiple frames x correction
var LeftPaddng=3; // Left padding
var TopPaddng=2; // Top padding
var FirstLineHorizontal=1; // First level items layout horizontal 1 or 0
var MenuFramesVertical=0; // Frames in cols or rows 1 or 0
var DissapearDelay=1000; // delay before menu folds in
var UnfoldDelay=100; // delay before sub unfolds
var TakeOverBgColor=1; // Menu frame takes over background color subitem frame
var FirstLineFrame="navig"; // Frame where first level appears
var SecLineFrame="space"; // Frame where sub levels appear
var DocTargetFrame="space"; // Frame where target documents appear
var TargetLoc=""; // span id for relative positioning
var MenuWrap=1; // enables/ disables menu wrap 1 or 0
var RightToLeft=0; // enables/ disables right to left unfold 1 or 0
var BottomUp=0; // enables/ disables Bottom up unfold 1 or 0
var UnfoldsOnClick=0; // Level 1 unfolds onclick/ onmouseover
var BaseHref=""; // BaseHref lets you specify the root directory for relative links.
// The script precedes your relative links with BaseHref
// For instance:
// when your BaseHref= "http://www.MyDomain/" and a link in the menu is "subdir/MyFile.htm",
// the script renders to: "http://www.MyDomain/subdir/MyFile.htm"
// Can also be used when you use images in the textfields of the menu
// "MenuX=new Array("<img src=\""+BaseHref+"MyImage\">"
// For testing on your harddisk use syntax like: BaseHref="file:///C|/MyFiles/Homepage/"
var Arrws=[BaseHref+"tri.gif",5,10,BaseHref+"tridown.gif",10,5,BaseHref+"trileft.gif",5,10,BaseHref+"triup.gif",10,5];
// Arrow source, width and height.
// If arrow images are not needed keep source ""
var MenuUsesFrames=1; // MenuUsesFrames is only 0 when Main menu, submenus,
// document targets and script are in the same frame.
// In all other cases it must be 1
// 2_2_1 represents the menu item Menu2_2_1=new Array(.......
var PartOfWindow=.8; // PartOfWindow: When MenuCentered is justify, sets part of window width to stretch to
// Below some pretty useless effects, since only IE6+ supports them
// I provided 3 effects: MenuSlide, MenuShadow and MenuOpacity
// If you don't need MenuSlide just leave in the line var MenuSlide="";
// delete the other MenuSlide statements
// In general leave the MenuSlide you need in and delete the others.
// Above is also valid for MenuShadow and MenuOpacity
// You can also use other effects by specifying another filter for MenuShadow and MenuOpacity.
// You can add more filters by concanating the strings
var BuildOnDemand=0; // 1/0 When set to 1 the sub menus are build when the parent is moused over
Let op: ik merk dat in je html-code nog fouten staan. Er wordt verwezen naar lokale bestanden op je pc. Die moeten natuurlijk aangepast zijn naar de on-line versie:
Code:
// verkeerde code op je homepage:
src='file:///D|/Documents%20and%20Settings/Bart/Mijn%20documenten/Downloads/general/menus_ini_002.js'
// moet worden:
src='/index/menus_ini_002.js'
Misschien test je dit best allemaal eens lokaal uit voor je het op je website zwiert.
To