Menu

[KvW]

Hallo allemaal,


ik heb voor mijn website een menu samengesteld, maar nu snap ik niet hoe ik de tussen ruimtes (op het plaatje de gele vakjes tussen de koppen in) Transparant moet krijgen


en hoe ik de blauwe border randen weg moet krijgen.

zie twee printscreen.

Dit is de html code waar alles instaat:

 /***********************************************
*	(c) Ger Versluis 2000 version 13.20 October 12, 2005    *
*	You may use this script on non commercial sites.	          *
*	www.burmees.nl/menu			          *
*	You may remove all comments for faster loading	          *		
************************************************/
	var NoOffFirstLineMenus=6;			// 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="#FC0";			// Background color when mouse is not over
	var HighBgColor="#FC0";			// Background color when mouse is over
	var FontLowColor="#006";			// Font color when mouse is not over
	var FontHighColor="#00F";			// Font color when mouse is over
	var BorderColor="";			// Border color
	var BorderWidthMain=0;			// Border width main items
	var BorderWidthSub=5;			// Border width sub items
 	var BorderBtwnMain=5;			// Borderwidth between elements
	var BorderBtwnSub=5;			// Borderwidth between elements sub items
	var FontFamily="Verdana, Arial, Helvetica, sans-serif";	// Font family menu items
	var FontSize=13;				// 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
	var MenuVerticalCentered="top";		// Menu vertical position top, middle,bottom or static
	var ChildOverlap=0;			// horizontal overlap child/ parent
	var ChildVerticalOverlap=0;			// vertical overlap child/ parent
	var StartTop=350;				// 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 DistFrmFrameBrdr=0;			// Distance between main menu and frame border
	var LeftPaddng=0;				// Left padding
	var TopPaddng=-1;			// Top padding. If set to -1 text is vertically centered
	var FirstLineHorizontal=1;			// Number defines to which level the menu must unfold horizontal; 0 is all vertical
	var MenuFramesVertical=1;			// Frames in cols or rows 1 or 0
	var DissapearDelay=250;			// delay before menu folds in
	var UnfoldDelay=250;			// delay before sub unfolds	
	var TakeOverBgColor=1;			// Menu frame takes over background color subitem frame
	var FirstLineFrame="";			// Frame where first level appears
	var SecLineFrame="";			// Frame where sub levels appear
	var DocTargetFrame="";			// Frame where target documents appear
	var TargetLoc="";				// span id for relative positioning
	var MenuWrap=0;				// 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+"pijl1.gif",8,8,BaseHref+"pijl2.gif",8,8,BaseHref+"pijl3.gif",8,8,BaseHref+"pijl4.gif",8,8];

						// Arrow source, width and height.
						// If arrow images are not needed keep source ""

	var MenuUsesFrames=0;			// 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
	var OverFormElements=1;			// Set this to 0 when the menu does not need to cover form elements.
	var RememberStatus=0;			// RememberStatus: When set to 1, menu unfolds to the presetted menu item. 
	var BuildOnDemand=0;			// 1/0 When set to 1 the sub menus are build when the parent is moused over
	var BgImgLeftOffset=5;			// Only relevant when bg image is used as rollover
	var ScaleMenu=0;				// 1/0 When set to 0 Menu scales with browser text size setting
						// When set to 2 only the relevant main item stays highligthed
						// The preset is done by setting a variable in the head section of the target document.
						// <head>
						//	<script type="text/javascript">var SetMenu="2_2_1";</script>
						// </head>
						// 2_2_1 represents the menu item Menu2_2_1=new Array(.......

	var HooverBold=0;				// 1 or 0
	var HooverItalic=0;				// 1 or 0
	var HooverUnderLine=1;			// 1 or 0
	var HooverTextSize=0;			// 0=off, number is font size difference on hoover
	var HooverVariant=0;			// 1 or 0

						// 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 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=#888888, offX=2, offY=2, positive=1)";
	var MenuShadow="progid:DXImageTransform.Microsoft.Shadow(color=#888888, direction=135, strength=3)";

	var MenuOpacity="";
	var MenuOpacity="progid:DXImageTransform.Microsoft.Alpha(opacity=85)";

	function BeforeStart(){return}
	function AfterBuild(){return}
	function BeforeFirstOpen(){return}
	function AfterCloseAll(){return}

// Menu tree:
// MenuX=new Array("ItemText","Link","background image",number of sub elements,height,width,"bgcolor","bghighcolor",
//	"fontcolor","fonthighcolor","bordercolor","fontfamily",fontsize,fontbold,fontitalic,"textalign","statustext");
// Color and font variables defined in the menu tree take precedence over the global variables
// Fontsize, fontbold and fontitalic are ignored when set to -1.
// For rollover images ItemText or background image format is:  "rollover?"+BaseHref+"Image1.jpg?"+BaseHref+"Image2.jpg" 


/*
Menu1=new Array("rollover?"+BaseHref+"aliesmll.jpg?"+BaseHref+"appies.jpg","file.htm","",1,.2,.15,"","","","","","",-1,-1,-1,"","Own text entered");
	Menu1_1=new Array("Example 1_1","file.htm","",0,.05,.2,"black","white","yellow","blue","yellow","",-1,-1,-1,"","");
Menu2=new Array("rollover?"+BaseHref+"busts.jpg?"+BaseHref+"adamosmll.jpg","file.htm","",2,0,0,"","","","","","",-1,-1,-1,"","");
	Menu2_1=new Array("Example 2.1","file.htm","",3,.04,.3,"red","white","yellow","blue","yellow","",-1,-1,-1,"","");	
		Menu2_1_1=new Array("Example 2.1.1","","",1,20,.2,"blue","white","yellow","blue","yellow","",-1,-1,-1,"","");
			Menu2_1_1_1=new Array("<img src="+BaseHref+"\"busts.jpg\">","file.htm","",0,128,128,"black","white","yellow","blue","yellow","",-1,-1,-1,"","");
		Menu2_1_2=new Array("Example 2.1.2","file.htm","",0,0,0,"purple","white","yellow","blue","yellow","",-1,-1,-1,"","");
		Menu2_1_3=new Array("Example 2.1.3","file.htm","",0,0,0,"red","white","yellow","blue","yellow","",-1,-1,-1,"","");
	Menu2_2=new Array("Example 2.2","file.htm","",8,0,0,"black","white","yellow","blue","yellow","",-1,-1,-1,"","");
		Menu2_2_1=new Array("Example 2.2.1","file221.htm","",0,.05,200,"black","white","yellow","black","yellow","",-1,-1,-1,"","");
		Menu2_2_2=new Array("Example 2.2.2","file.htm","",0,0,0,"maroon","white","white","blue","yellow","",-1,-1,-1,"","");
		Menu2_2_3=new Array("Example 2.2.3","file.htm","",0,0,0,"black","white","green","blue","yellow","",-1,-1,-1,"","");
		Menu2_2_4=new Array("Example 2.2.4","file.htm","",0,0,0,"green","white","yellow","blue","yellow","",-1,-1,-1,"","");
		Menu2_2_5=new Array("Example 2.2.5","file.htm","rollover?"+BaseHref+"fclose.gif?"+BaseHref+"fopen.gif",1,0,0,"black","white","red","blue","yellow","",-1,-1,-1,"","");
			Menu2_2_5_1=new Array("Example 2.2.5.1","file.htm","rollover?"+BaseHref+"fclose.gif?"+BaseHref+"fopen.gif",1,32,150,"black","white","yellow","blue","yellow","",-1,-1,-1,"","");
				Menu2_2_5_1_1=new Array("Example","file.htm","rollover?"+BaseHref+"fclose.gif?"+BaseHref+"fopen.gif",1,20,90,"black","white","yellow","blue","yellow","",-1,-1,-1,"","");
					Menu2_2_5_1_1_1=new Array("Example 2.2.5.1.1.1","file.htm","",0,.5,.4,"black","white","yellow","blue","yellow","",-1,-1,-1,"","");
		Menu2_2_6=new Array("Example 2.2.6","file.htm","",0,0,0,"yellow","black","red","blue","yellow","",-1,-1,-1,"","");
		Menu2_2_7=new Array("Example 2.2.7","file.htm","",0,0,0,"white","black","black","blue","yellow","",-1,-1,-1,"","");
		Menu2_2_8=new Array("Example 2.2.8","file.htm","",0,0,0,"black","white","lightblue","blue","yellow","",-1,-1,-1,"","");
Menu3=new Array("Example 3","file3.htm","",0,0,.2,"","","","","","",-1,-1,-1,"","");
Menu4=new Array("Open in new","javascript:NewWin=window.open(\"file.htm\",\"NWin\");window[\"NewWin\"].focus()","",0,20,0,"purple","yellow","yellow","purple","","",-1,1,-1,"","");
Menu5=new Array("Open in top","javascript:top.location.href=\"file.htm\"","rollover?"+BaseHref+"fclose.gif?"+BaseHref+"fopen.gif",2,20,0,"","","","","","arial",9,1,1,"right","");
	Menu5_1=new Array("Example 5.1 ","file.htm","",0,20,180,"black","green","yellow","blue","yellow","times new roman",10,-1,-1,"left","");
	Menu5_2=new Array("Example 5.2 ","file52.htm","",0,30,0,"black","white","yellow","blue","yellow","technical",14,1,1,"center","");
	*/
	
	
	Menu1=new Array("Home","index.php","subtitelachtergrond.jpg",0,20,100,"","","","","","",FontSize,0,0,"","Home");

Menu2=new Array("Agenda","agenda.php","subtitelachtergrond.jpg",2,20,100,"","","","","","",FontSize,0,0,"","Agenda");
	Menu2_1=new Array("Agenda deze week","agendaweek.php","",0,20,150,"","","","","","",FontSize,0,0,"","Agenda deze week");	
	Menu2_2=new Array("Hele agenda","agenda.php","",0,20,150,"","","","","","",FontSize,0,0,"","Hele agenda");
	
	
Menu3=new Array("Plezier","plezier.php","subtitelachtergrond.jpg",3,20,100,"","","","","","",FontSize,0,0,"","Plezier");
    Menu3_1=new Array("Moppen","moppen.php","",0,20,110,"","","","","","",FontSize,0,0,"","Moppen");
    Menu3_2=new Array("Links","links.php","",0,20,110,"","","","","","",FontSize,0,0,"","Links");
	Menu3_3=new Array("Gastenboek","gastenboek.php","",0,20,110,"","","","","","",FontSize,0,0,"","Gastenboek");
	
	
Menu4=new Array("Nieuws","nieuws.php","subtitelachtergrond.jpg",2,20,100,"","","","","","",FontSize,0,0,"","Nieuws");
    Menu4_1=new Array("Alle artikelen","alleartikelen.php","",0,20,140,"","","","","","",FontSize,0,0,"","Alle artikelen");
    Menu4_2=new Array("Nieuws opsturen","nieuwsopsturen.php","",0,20,140,"","","","","","",FontSize,0,0,"","Nieuws Opsturen");
	
Menu5=new Array("Foto's","foto.php","subtitelachtergrond.jpg",0,20,100,"","","","","","",FontSize,0,0,"","Foto's");
    Menu5_1=new Array("Alle Foto's","allefotos.php","",0,20,140,"","","","","","",FontSize,0,0,"","Alle Foto's");

Menu6=new Array("Contact","contact.php","subtitelachtergrond.jpg",0,20,100,"","","","","","",FontSize,0,0,"","Contact");