Queridos, bom dia.
tenho visto duvidas sobre como mudar a tela inicial do hotspot,

auterem sonente o arquivo login.html, é mais facio.
observe em VERMELHO as modificações.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bem-vindo a CostaNet</title>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#geral {
background: url(imagens/hotspot_r1_c5.jpg) repeat-x #FFFFFF;
}
#conteudo {
margin-left: 133px;
}
#login {
margin-left: 20px;
margin-top: 30px;
color: #0F99D8;
font-size: 12px;
font-weight: bold;
}
.form {
width: 120px;
height: 15px;
border: 1px #0F99D8 solid;
font-size: 12px;
color: #0F99D8;
}
#erro {
font-size: 10px;
color: #FF0000;
margin-left: 80px;
}
-->
</style>
<script type="text/javascript">
<!--
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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('imagens/hotspot_r1_c1.jpg','imagens/hotspot_r1_c5.jpg','imagens/hotspot_r2_c1.jpg','imagens/hotspot_r2_c3.jpg','imagens/hotspot_r3_c1.jpg','imagens/hotspot_r3_c3.jpg','imagens/hotspot_r4_c2.jpg','imagens/hotspot_r5_c1.png')">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="geral">
<tr>
<td><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="imagens/hotspot_r1_c1.jpg" width="283" height="82" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="imagens/hotspot_r2_c1.jpg" width="283" height="74" /></td>
<td><img src="imagens/hotspot_r2_c3.jpg" width="240" height="74" /></td>
</tr>
<tr>
<td><img src="imagens/hotspot_r3_c1.jpg" width="283" height="89" /></td>
<td><img src="imagens/hotspot_r3_c3.jpg" width="240" height="89" /></td>
</tr>
</table>
<table width="390" border="0" cellspacing="0" cellpadding="0" id="conteudo">
<tr>
<td width="390" height="197" valign="top" background="imagens/hotspot_r4_c2.jpg">
<form action="$(link-login-only)" method="post" name="login" id="login" onsubmit="return doLogin()" $(if chap-id)="chap-id)" $(endif)>
<input type="hidden" name="dst" value="http://www.google.com.br" />
<!--
<input type="hidden" name="dst" value="$(link-orig)" />
-->
<input type="hidden" name="popup" value="false" />
<table width="246" border="0" cellpadding="0" cellspacing="2" id="login">
<tr>
<td width="60" align="right">usuário</td>
<td width="133" align="center"><input name="username" type="text" class="form" value="$(username)" tabindex="1"/></td>
<td width="45" rowspan="2" align="left"><input type="image" name="imageField" src="imagens/hotspot_r5_c1.png" tabindex="3"/></td>
</tr>
<tr>
<td align="right">senha: </td>
<td align="center"><input name="password" type="password" class="form" tabindex="2"/></td>
</tr>
</table>
</form>
$(if error)<br /><div id="erro">$(error)</div>$(endif)
</td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
document.login.username.focus();
//-->
</script>
</body>
</html>