Ga naar inhoud

Fireworks POP up menu in template


Aanbevolen berichten

Geplaatst:

Ik heb een pop menu gemaakt in Firework MX2004.

De boel geëxporteerd als html, werkt perfect.

Nu wil ik dit menu plaatsen in een dreamweaver8 template.

Het menu verschijnt op alle pagian's die gebruik maken van deze template, maar de pop ups verschijnen niet zoals ontworpen. Ik had ze blauw gemaakt met een klein effect. Als ik nu over het menu een mouse over doe zijn de popups grijs. Ik heb al van alles geprobeerd, maar op de een of andere manier krijg ik dat menu er niet fatsoendelijk in.

Hoe kan het dat het menu niet correct wordt weergegeven?

Wat doe ik verkeerd?

Hier is de code van het menu zoals het perfect werkt in een aparte pagina:

<html>

<head>

<title>menu2009.gif</title>

<meta http-equiv="Content-Type" content="text/html;">

<meta name="description" content="FW MX 2004 DW MX 2004 HTML">

<!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Sat Jan 03 00:16:27 GMT+0100 (Romance (standaardtijd)) 2009-->

<script language="JavaScript">

<!--

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

/* Functions that swaps images. */

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

/* Functions that handle preload. */

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

function mmLoadMenus() {

if (window.mm_menu_1124220955_0) return;

window.mm_menu_1124220955_0 = new Menu("root",142,22,"Verdana, Arial, Helvetica, sans-serif",13,"#ffcc00","#ffffff","#003f72","#003f72","left","middle",3,0,1000,-5,7,true,true,true,0,true,false);

mm_menu_1124220955_0.addMenuItem("Team Chief","location='http://www.iberostarfriends.com/chief.htm'");

mm_menu_1124220955_0.addMenuItem("Mini Club","location='http://www.iberostarfriends.com/miniclub.htm'");

mm_menu_1124220955_0.addMenuItem("Teeny Club","location='http://www.iberostarfriends.com/teenyclub.htm'");

mm_menu_1124220955_0.addMenuItem("Sports","location='http://www.iberostarfriends.com/sport.htm'");

mm_menu_1124220955_0.addMenuItem("Fit & Fun Instructor","location='http://www.iberostarfriends.com/fitfun.html'");

mm_menu_1124220955_0.addMenuItem("Star Action","location='http://www.iberostarfriends.com/staraction.html'");

mm_menu_1124220955_0.addMenuItem("DJ Deco","location='http://www.iberostarfriends.com/djdeco.htm'");

mm_menu_1124220955_0.addMenuItem("Dive Instructor","location='http://www.iberostarfriends.com/diving.html'");

mm_menu_1124220955_0.bgImageUp="menu2009/mmmenu3_142x22_up.gif";

mm_menu_1124220955_0.bgImageOver="menu2009/mmmenu3_142x22_over.gif";

mm_menu_1124220955_0.hideOnMouseOut=true;

mm_menu_1124220955_0.bgColor='#555555';

window.mm_menu_1124221511_1 = new Menu("root",100,22,"Verdana, Arial, Helvetica, sans-serif",13,"#ffcc00","#ffffff","#003f72","#003f72","left","middle",3,0,1000,-5,7,true,true,true,0,false,false);

mm_menu_1124221511_1.addMenuItem("Casting 2009","location='http://www.iberostarfriends.com/casting2009.html'");

mm_menu_1124221511_1.addMenuItem("Job Form","location='http://www.iberostarfriends.com/jobform.htm'");

mm_menu_1124221511_1.addMenuItem("Contact Us","location='http://www.iberostarfriends.com/contact.htm'");

mm_menu_1124221511_1.bgImageUp="menu2009/mmmenu2_100x22_up.gif";

mm_menu_1124221511_1.bgImageOver="menu2009/mmmenu2_100x22_over.gif";

mm_menu_1124221511_1.hideOnMouseOut=true;

mm_menu_1124221511_1.bgColor='#555555';

window.mm_menu_1124221634_2 = new Menu("root",100,22,"Verdana, Arial, Helvetica, sans-serif",13,"#ffcc00","#ffffff","#003f72","#003f72","left","middle",3,0,1000,-5,7,true,true,true,0,false,false);

mm_menu_1124221634_2.addMenuItem("Photo Album","location='http://www.iberostarfriends.com/gallery.htm'");

mm_menu_1124221634_2.addMenuItem("Video Gallery","location='http://www.iberostarfriends.com/video.htm'");

mm_menu_1124221634_2.addMenuItem("Music Gallery","location='http://www.iberostarfriends.com/lollypop.htm'");

mm_menu_1124221634_2.bgImageUp="menu2009/mmmenu1_100x22_up.gif";

mm_menu_1124221634_2.bgImageOver="menu2009/mmmenu1_100x22_over.gif";

mm_menu_1124221634_2.hideOnMouseOut=true;

mm_menu_1124221634_2.bgColor='#555555';

mm_menu_1124221634_2.writeMenus();

} // mmLoadMenus()

//-->

</script>

<script language="JavaScript1.2" src="mm_menu.js"></script>

</head>

<body bgcolor="#003f72" onLoad="MM_preloadImages('menu2009/menu2009_r2_c2_f2.gif','menu2009/menu2009_r2_c4_f2.gif','menu2009/menu2009_r2_c6_f2.gif','menu2009/menu2009_r2_c8_f2.gif','menu2009/menu2009_r2_c10_f2.gif','menu2009/menu2009_r2_c12_f2.gif','menu2009/menu2009_r2_c14_f2.gif','menu2009/menu2009_r2_c16_f2.gif','menu2009/menu2009_r2_c18_f2.gif');">

<!--The following section is an HTML table which reassembles the sliced image in a browser.-->

<!--Copy the table section including the opening and closing table tags, and paste the data where-->

<!--you want the reassembled image to appear in the destination document. -->

<!--======================== BEGIN COPYING THE HTML HERE ==========================-->

<script language="JavaScript1.2">mmLoadMenus();</script>

<table border="0" cellpadding="0" cellspacing="0" width="760">

<!-- fwtable fwsrc="menu2009.png" fwbase="menu2009.gif" fwstyle="Dreamweaver" fwdocid = "1522721752" fwnested="0" -->

<tr>

<!-- Shim row, height 1. -->

<td><img src="menu2009/spacer.gif" width="15" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="43" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="24" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="65" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="25" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="33" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="25" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="82" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="25" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="67" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="24" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="43" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="25" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="78" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="25" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="67" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="20" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="39" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="35" height="1" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="1" height="1" border="0" alt=""></td>

</tr>

<tr><!-- row 1 -->

<td colspan="19"><img name="menu2009_r1_c1" src="menu2009/menu2009_r1_c1.gif" width="760" height="5" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="1" height="5" border="0" alt=""></td>

</tr>

<tr><!-- row 2 -->

<td rowspan="2"><img name="menu2009_r2_c1" src="menu2009/menu2009_r2_c1.gif" width="15" height="20" border="0" alt=""></td>

<td><a href="Iberostar Starfriends links" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('menu2009_r2_c2','','menu2009/menu2009_r2_c2_f2.gif',1);"><img name="menu2009_r2_c2" src="menu2009/menu2009_r2_c2.gif" width="43" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c3" src="menu2009/menu2009_r2_c3.gif" width="24" height="20" border="0" alt=""></td>

<td><a href="Iberostar Starfriends About us" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('menu2009_r2_c4','','menu2009/menu2009_r2_c4_f2.gif',1);"><img name="menu2009_r2_c4" src="menu2009/menu2009_r2_c4.gif" width="65" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c5" src="menu2009/menu2009_r2_c5.gif" width="25" height="20" border="0" alt=""></td>

<td><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_1124220955_0,0,24,null,'menu2009_r2_c6');MM_swapImage('menu2009_r2_c6','','menu2009/menu2009_r2_c6_f2.gif',1);"><img name="menu2009_r2_c6" src="menu2009/menu2009_r2_c6.gif" width="33" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c7" src="menu2009/menu2009_r2_c7.gif" width="25" height="20" border="0" alt=""></td>

<td><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_1124221511_1,0,23,null,'menu2009_r2_c8');MM_swapImage('menu2009_r2_c8','','menu2009/menu2009_r2_c8_f2.gif',1);"><img name="menu2009_r2_c8" src="menu2009/menu2009_r2_c8.gif" width="82" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c9" src="menu2009/menu2009_r2_c9.gif" width="25" height="20" border="0" alt=""></td>

<td><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_1124221634_2,0,23,null,'menu2009_r2_c10');MM_swapImage('menu2009_r2_c10','','menu2009/menu2009_r2_c10_f2.gif',1);"><img name="menu2009_r2_c10" src="menu2009/menu2009_r2_c10.gif" width="67" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c11" src="menu2009/menu2009_r2_c11.gif" width="24" height="20" border="0" alt=""></td>

<td><a href="Iberostar Starfriends" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('menu2009_r2_c12','','menu2009/menu2009_r2_c12_f2.gif',1);"><img name="menu2009_r2_c12" src="menu2009/menu2009_r2_c12.gif" width="43" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c13" src="menu2009/menu2009_r2_c13.gif" width="25" height="20" border="0" alt=""></td>

<td><a href="www.bravenet.com" target="_blank" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('menu2009_r2_c14','','menu2009/menu2009_r2_c14_f2.gif',1);"><img name="menu2009_r2_c14" src="menu2009/menu2009_r2_c14.gif" width="78" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c15" src="menu2009/menu2009_r2_c15.gif" width="25" height="20" border="0" alt=""></td>

<td><a href="Iberostar Starfriends Webshop" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('menu2009_r2_c16','','menu2009/menu2009_r2_c16_f2.gif',1);"><img name="menu2009_r2_c16" src="menu2009/menu2009_r2_c16.gif" width="67" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c17" src="menu2009/menu2009_r2_c17.gif" width="20" height="20" border="0" alt=""></td>

<td><a href="Iberostar Starfriends links" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('menu2009_r2_c18','','menu2009/menu2009_r2_c18_f2.gif',1);"><img name="menu2009_r2_c18" src="menu2009/menu2009_r2_c18.gif" width="39" height="13" border="0" alt=""></a></td>

<td rowspan="2"><img name="menu2009_r2_c19" src="menu2009/menu2009_r2_c19.gif" width="35" height="20" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="1" height="13" border="0" alt=""></td>

</tr>

<tr><!-- row 3 -->

<td><img name="menu2009_r3_c2" src="menu2009/menu2009_r3_c2.gif" width="43" height="7" border="0" alt=""></td>

<td><img name="menu2009_r3_c4" src="menu2009/menu2009_r3_c4.gif" width="65" height="7" border="0" alt=""></td>

<td><img name="menu2009_r3_c6" src="menu2009/menu2009_r3_c6.gif" width="33" height="7" border="0" alt=""></td>

<td><img name="menu2009_r3_c8" src="menu2009/menu2009_r3_c8.gif" width="82" height="7" border="0" alt=""></td>

<td><img name="menu2009_r3_c10" src="menu2009/menu2009_r3_c10.gif" width="67" height="7" border="0" alt=""></td>

<td><img name="menu2009_r3_c12" src="menu2009/menu2009_r3_c12.gif" width="43" height="7" border="0" alt=""></td>

<td><img name="menu2009_r3_c14" src="menu2009/menu2009_r3_c14.gif" width="78" height="7" border="0" alt=""></td>

<td><img name="menu2009_r3_c16" src="menu2009/menu2009_r3_c16.gif" width="67" height="7" border="0" alt=""></td>

<td><img name="menu2009_r3_c18" src="menu2009/menu2009_r3_c18.gif" width="39" height="7" border="0" alt=""></td>

<td><img src="menu2009/spacer.gif" width="1" height="7" border="0" alt=""></td>

</tr>

<!-- This table was automatically created with Macromedia Fireworks -->

<!-- Adobe -->

</table>

<!--========================= STOP COPYING THE HTML HERE =========================-->

</body>

</html>

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.