Here is the code from my theme, is that what you wanted? <html> <head> <link rel="stylesheet" type="text/css" href="./themes/Custom/wpi.css" /> </head> <body class="body" onLoad="SetScriptWaitTimeout(); startstop(); fillBoxes(); check(load_checks); startstop(); flevInitPersistentLayer('layercfgbtns',0,'','','15','','','15');window.focus();"> <DIV> <DIV id="TipLayer" style="visibility:hidden;position:absolute;z-index:1000; left:0; top:-100;"> </DIV> <script language="JavaScript1.2">sizer(); applyCssFilter();</script> <script> if (top.status != "") winheight = top.status; cols = Math.round((winheight/3*4)/320,0); if (!maxentries) { switch (winheight) { case '600': maxentries=19; break; case '768': maxentries=30; break; case '1024': maxentries=41; break; case '1200': maxentries=45; break; default: maxentries=31; } } </script> <div id='bgpiclayer' style="z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; display:block; overflow:hidden;"> <img id='bgpic' src='./themes/Custom/wallpaper.jpg' width="100%" height="100%"> </div> <script> if (bgpicture != '') { document.all.bgpic.src = "./Graphics/" + bgpicture; } </script> <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0" onClick="stopInterval()"> <tr> <td colspan="2" bgcolor="#003399" height="10%" valign="center"> <DIV id="DebugLayer" style="visibility:hidden; overflow:auto; position:absolute; z-index:1000; width:100%; height:100%"> <form class="txt" name="debug">DEBUG:<br></form> </DIV> <div align="center"> <script> if(debugOn) document.all.DebugLayer.style.visibility='visible'; </script> <script> if (top.status=="480") document.images("titleimg").style.display='none'; </script> <br> <img src="./themes/Custom/mslogo.jpg" name="titleimg" border=0 align="center" id="titleimg"> </div></td> </tr> <tr><td colspan="2" background="./themes/Custom/smallbart.gif" height="2px"></td></tr> <tr> <td colspan="2" width="100%" valign="center" align="center"> </td> </tr> <tr height="80%"> <td width="10%" valign="top" nowrap> <br> <br> <br> <br> <br> <br> <!-- The Defaults Box Title --> <div id="divMultiDefault"> <a href></img><font class="side" ><b> </b><a/></font><br> <span class="configcombo"> <script Language="VBScript"> If (showMultiDefault) Then Dim objNet Dim ComputerName On Error Resume Next 'In case we fail to create object then display our custom error Set objNet = CreateObject("WScript.NetWork") If Err.Number <> 0 Then 'If error occured then MsgBox "Don't be Shy." & vbCRLF & "Do not press ""No"" If your browser warns you." Document.Location = "UserInfo.html" 'Place the Name of the document. It will display again End if ComputerName=objNet.ComputerName Set objNet = Nothing 'Destroy the Object to free the Memory End If </Script> <script language="JavaScript1.2"> if(showMultiDefault) { document.write('<select id="configList" name="configList" onChange="stopInterval(); startstop(); check(configList.value);">'); //Add defaults, all, none if (load_checks=='default') document.write('<option value="default" selected>'+ getText(lblSelectDefaults) +'</option>'); else document.write('<option value="default">'+ getText(lblSelectDefaults) +'</option>'); if (load_checks=='all') document.write('<option value="all" selected>'+ getText(lblSelectAll) +'</option>'); else document.write('<option value="all">'+ getText(lblSelectAll) +'</option>'); if (load_checks=='none') document.write('<option value="none" selected>'+ getText(lblSelectNone) +'</option>'); else document.write('<option value="none">'+ getText(lblSelectNone) +'</option>'); <!--document.write('<option value="------">------</option>');--> for (var i=0;i<configlist.length;i++) { if (load_checks=='ComputerName' && configlist[i]==computername) document.write('<option value="' + configlist[i] + '" selected>' + configlist[i] + '</option>'); else document.write('<option value="' + configlist[i] + '">' + configlist[i] + '</option>'); } document.write('</select><br><br>'); } </script> </span> </div> <div id="divSelectButtons"> <!-- The Defaults button. --> <a href; onMouseDown="document.Defaultsbutton.src='./themes/Custom/checkdown.gif';" onMouseOver="document.Defaultsbutton.src='./themes/Custom/checkover.gif';" onMouseOut="document.Defaultsbutton.src='./themes/Custom/check.gif'; htm()" onClick="stopInterval(); startstop(); check('default'); startstop();" > <img src="./themes/Custom/check.gif" align="absbottom" class="mainbtn" border="0" name="Defaultsbutton"> </img><font class="side" ><b><script>document.write(getText(lblSelectDefaults));</script></b></font></a><br /> <!-- The All button. --> <a href; onMouseDown="document.allbutton.src='./themes/Custom/checkdown.gif';" onMouseOver="document.allbutton.src='./themes/Custom/checkover.gif'; stm(getText(ttSelectAll),Style[0]);" onMouseOut="document.allbutton.src='./themes/Custom/check.gif'; htm()" onClick="stopInterval(); startstop(); check('all'); startstop();" > <img src="./themes/Custom/check.gif" align="absbottom" class="mainbtn" border="0" name="allbutton"> </img><font class="side"><b><script>document.write(getText(lblSelectAll));</script></b></font></a><br /> <!-- The None button. --> <a href; onMouseDown="document.nonebutton.src='./themes/Custom/checkdown.gif';" onMouseOver="document.nonebutton.src='./themes/Custom/checkover.gif'; stm(getText(ttSelectNone),Style[0]);" onMouseOut="document.nonebutton.src='./themes/Custom/check.gif'; htm()" onClick="stopInterval(); startstop(); check('none'); startstop();" > <img src="./themes/Custom/check.gif" align="absbottom" class="mainbtn" border="0" name="nonebutton"> </img><font class="side"><b><script>document.write(getText(lblSelectNone));</script></b></font></a><br /> </p> </div> <!-- Select Buttons Div --> <script language="javascript"> if(showMultiDefault) { document.getElementById("divSelectButtons").style.display = "none"; } else { document.getElementById("divMultiDefault").style.display = "none"; } </script> <center> <br><!--<img id="imgsep1" src="./themes/Custom/seperator.gif">--></center> <!-- The Options button --> <div id="optButton"> <br> <a href; onMouseDown="document.optionsbutton.src='./themes/Custom/continuedown.gif';" onMouseOver="document.optionsbutton.src='./themes/Custom/continueover.gif';" onMouseOut="document.optionsbutton.src='./themes/Custom/continue.gif'; htm();" onClick="stopInterval(); startstop(); ToggleOptions(); startstop();"> <img src="./themes/Custom/continue.gif" align="absbottom" class="mainbtn" border="0" name="optionsbutton"> </img><font class="side"><b><script>document.write(getText(lblOptions));</script></b></font></a><br /> </div> <!-- The Config button --> <div id="optConfig"> <a href; onMouseDown="document.configbutton.src='./themes/Custom/continuedown.gif';" onMouseOver="document.configbutton.src='./themes/Custom/continueover.gif';" onMouseOut="document.configbutton.src='./themes/Custom/continue.gif'; htm();" onClick="stopInterval(); startstop(); ToggleConfig(); startstop();"> <img src="./themes/Custom/continue.gif" align="absbottom" class="mainbtn" border="0" name="configbutton"> <font class="side"><b><script>document.write(getText(lblConfig));</script></b></font></a><br /> </div> <!-- The Source button --> <div id="optSource"> <a href; onMouseDown="document.sourcebutton.src='./themes/Custom/continuedown.gif';" onMouseOver="document.sourcebutton.src='./themes/Custom/continueover.gif';" onMouseOut="document.sourcebutton.src='./themes/Custom/continue.gif'; htm();" onClick="stopInterval(); startstop(); ToggleSource(); startstop();"> <img src="./themes/Custom/continue.gif" align="absbottom" class="mainbtn" border="0" name="sourcebutton" onClick="stopInterval()"> <font class="side"><b><script>document.write(getText(lblSource));</script></b></font></a><br /> </div> <!-- The Music button --> <div id="optMusic"> <a href; onMouseDown="document.musicbutton.src='./themes/Custom/continuedown.gif';" onMouseOver="document.musicbutton.src='./themes/Custom/continueover.gif';" onMouseOut="document.musicbutton.src='./themes/Custom/continue.gif'; htm();" onClick="stopInterval(); startstop(); ToggleAudio(); startstop();"> <img src="./themes/Custom/continue.gif" align="absbottom" class="mainbtn" border="0" name="musicbutton"> <font class="side"><b><script>document.write(getText(lblMusic));</script></b></font></a><br /> </div> <!-- The user manual. --> <div id="ManButton"> <a href="./UserManual/manual.html" target="_blank" onMouseDown="document.ManualButton.src='./themes/Custom/questiondown.gif';" onMouseOver="document.ManualButton.src='./themes/Custom/questionover.gif';" onMouseOut="document.ManualButton.src='./themes/Custom/question.gif'; htm()"> </b></font> <img src="./themes/Custom/question.gif" align="absbottom" class="mainbtn" border="0" name="ManualButton"> <font class="side" ><b><script>document.write(getText(lblmanual));</script> </div> </td> <td rowspan="2" class="txt" valign="top" width="90%"> <div id="layergroup"> <div id="layerboxes" style="position:absolute; display:block; z-index:100; width:100%; height:100%; overflow: hidden; margin-left:15px"> <form name="WPI"></form> </div> <script> if (top.status=="480" || top.status=="600" || alwaysUseScrollbar) { document.all.layerboxes.style.overflow='auto'; } document.all.layerboxes.style.display = 'block'; </script> <div id="layeroptions" style="position:absolute; display:none; z-index:100; overflow: auto; width: 100%; height: 100%;"> </div> <div id="layersource" style="position:absolute; display:none; z-index:100; overflow: auto; width: 100%; height: 100%;"> </div> <div id="layerconfig" style="position:absolute; display:none; z-index:100; overflow:auto; width: 100%; height: 100%;"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="25%" class="txt"> <div id="quickref" style="width:100%; height: 100%; z-index:101; overflow:auto;"> </div> </td> <td> <div id="config" style="width:100%; height: 100%; z-index:101; overflow:auto;"></div> </td> </tr> </table> </div> <div id="layeraudio" style="position:absolute; display:none; z-index:100; overflow: auto; width: 100%; height: 100%;"> </div> <div id="layercfgbtns" style="position:absolute; display:none; left:10px; top:10px; width:150px; height:10px; z-index:20"> <input type="button" value="Save" onClick="SaveConfig();"> <input type="button" value="Read" onClick="ReadConfig();"> <input type="button" value="Add" onClick="AddConfigRow(); document.location.href=('#prog'+(pn-1));"> </div> </div> </td> </tr> <tr> <td> <div id="stopwatch" align="center" style="display:none;" class="txt"> <form name="stpw">Elapsed time: <input class="CfgTextBox" type="text" Name="time" size="6" style="border:none; text-align:right;"> ms</form> </div> <script> if(debugOn) {document.all.stopwatch.style.display='block';} </script> <!-- Timer starts here --> <div align="center"> <script> if(timer=='on') startInterval(); if(timer=='off') stopInterval(); if(timer!='off'&& timer!='on') window.alert('Timer Value can only be "on" or "off" Please Change it in config.js'); </script> <span style="vertical-align: bottom"><strong> <font size="2" color="#FFFFFF" face="Arial"> <script> if(timer=='on') document.write(getText(lblTimerTitle)); </script> </font></strong> <form name=display size="4" class="txtboxshow" style="align: center; font-size: 24pt; font-family: Arial; font-weight: bold; color: #FFFFFF; vertical-align: baseline; width:100; height:37"></form> <strong><font face="Arial" size="1" color="#FFFFFF"> <script> if(timer=='on') tProgressBar(); </script> <script> if(timer=='on') document.write(getText(lblTimerStop)); </script> </font></strong> </span><p> </div> <!-- Timer ends here --> </td> </tr> <tr><td colspan="2" background="./themes/Custom/smallbarb.gif" height="2px"></td></tr> <tr> <td colspan="2" bgcolor="#003399" height="10%"> <table width="100%"> <tr> <td width="33%" align="left"> <!-- The exit button. --> <a href; onMouseDown="document.exitbutton.src='./themes/Custom/exitdown.gif';" onMouseOver="document.exitbutton.src='./themes/Custom/exitover.gif';" onMouseOut="document.exitbutton.src='./themes/Custom/exit.gif'; htm()"> <img src="./themes/Custom/exit.gif" align="absbottom" class="mainbtn" border="0" name="exitbutton" onClick="onExit()"> </img> <font class="side" onClick="onExit()"><b> <script>document.write(getText(lblExit));</script></b></font></a></td> <td width="33%" align="right"> <!-- Audio Player --> <div id="mediaplayer"> <div align="center"></div></td> <td width="33%" align="right" valign="center"> <font color="#FFFFFF" size="2"> <b> <i> <script> document.all.MediaPlayer.src='./Audio/WPI.m3u' document.all.MediaPlayer.loop="true" if (showmpWPIBtn == 0) { document.all.MediaPlayer.src=''; } </script> <script> document.all.optMusic.style.display = showOptBtn?'block':'none'; document.all.ManButton.style.display = showmanualBtn?'block':'none'; document.all.optButton.style.display = showOptBtn?'block':'none'; document.all.optConfig.style.display = showOptBtn?'block':'none'; document.all.optSource.style.display = showOptBtn?'block':'none'; document.all.mediaplayer.style.display = showmpWPIBtn?'block':'none'; document.all.Selectionstitle.style.display = showMultiDefault?'block':'none'; </script> </i> </b> </font> <!-- The continue button. --> <div valign="center"><a href; onMouseDown="document.continuebutton.src='./themes/Custom/continuedown.gif';" onMouseOver="document.continuebutton.src='./themes/Custom/continueover.gif';" onMouseOut="document.continuebutton.src='./themes/Custom/continue.gif'; htm()"> <font class="side" onClick="StopAudio(); stopInterval(); CreateFile(false);"> <b>Install Now</b></font> <img src="./themes/Custom/continue.gif" align="absbottom" class="mainbtn" border="0" name="continuebutton" onClick="StopAudio(); stopInterval(); CreateFile(false);"> </img> </a><br/></div></table> </tr> </td> </tr> </table> </body> </html>
