This is a web page script using CSS which exports the whole design
You can set a URL link for each button by adding it to the label in a layer list.
Note: This script works for IE, please visit www.real-draw.com page to get a script working on both Netscape and IE
<#EXTENSION>html
<#SCRIPTSTART>
<html>
<head>
<meta name="generator" content="Real-DRAW">
<title>CSS Export</title>
<style media="screen" type="text/css"><!--
#layer0   { position: absolute; top: 0px; left: 0px; width: <#BGWIDTH>px; height: <#BGHEIGHT>px; visibility: visible }
<#LOOP>
#layer<#OBJECTNUM>   { position: absolute; top: <#TOP>px; left: <#LEFT>px; width: <#WIDTH>px; height: <#HEIGHT>px; visibility: visible }
<#END>
--></style>
</head>

<SCRIPT LANGUAGE="JavaScript">
<!-- Hide Script 
//--------------------------------------------------------------------

if (document.images) 
{
<#LOOP>
	B<#OBJECT>_normal        = new Image();
	B<#OBJECT>_normal.src    = "<#FILE0>";
	B<#OBJECT>_over          = new Image();
	B<#OBJECT>_over.src      = "<#FILE1>";
	B<#OBJECT>_click         = new Image();
	B<#OBJECT>_click.src     = "<#FILE2>";
<#END>
}

function switchimages(sName,nEvent) {
	if (document.images) 
	{
		if (nEvent == 0) sVal = 'normal';
		else if (nEvent == 1) sVal = 'over';
		else if (nEvent == 2) sVal = 'click';
		else return;
		sObj = eval(sName + '_' + sVal + ".src");
		if (document.images[sName]) 
     	   document.images[sName].src = sObj; 
	}
}
// End of JavaScript -->
</SCRIPT>
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<span id="layer0"><img src="<#BGFILE>" border="0">

<#LOOP>
<span id="layer<#OBJECTNUM>">
<a href="<#LABEL>" onMouseOver=" switchimages('B<#OBJECT>',1); return true" onMouseOut=" switchimages('B<#OBJECT>',0); return true" onClick=" switchimages('B<#OBJECT>',2); return true"><IMG SRC="<#FILE0>"  WIDTH="<#WIDTH>" HEIGHT="<#HEIGHT>" NAME="B<#OBJECT>" ALT="" BORDER="0"></a>
</span>
<#END>
</span>
</body>
</html>