Vou compartilhar aqui as informações de como criar sua pagina de login personalizada.
Devemos usar uma página chamada login.html para fazer este formulário com sua página personalizada. Podemos usar um editor de páginas de nossa preferência, por exemplo: Dreamweaver, frontpage e outros. Para quem já tem noção de html até mesmo notepad resolve.
Antes te mais nada é necessário que coloquemos este código java que serve para validar o formulário de login depois de <body> que representa o inicio do corpo da página.
Código HTML:
$(if chap-id)
<form name="sendin" action="$(link-login-only)" method="post">
<input type="hidden" name="username" />
<input type="hidden" name="password" />
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
</form>
<script type="text/javascript" src="/md5.js"></script>
<script type="text/javascript">
<!--
function doLogin() {
document.sendin.username.value = document.login.username.value;
document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value + '$(chap-challenge)');
document.sendin.submit();
return false;
}
//-->
</script>
$(endif)
Depois criaremos a nossa página ao nosso próprio gosto e criatividade e no lugar aonde vai querer colocar o formulário para login use este script html básico:
Login
Código HTML:
<form name="login" action="$(link-login-only)" method="post" $(if chap-id) onSubmit="return doLogin()" $(endif)>
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th>login</th>
</tr>
<tr>
<td><label>
<input name="username" type="text" class="login" id="username" value="$(username)" size="24">
</label></td>
</tr>
<tr>
<th>senha</th>
</tr>
<tr>
<td><input name="password" type="password" class="login" id="password" size="24"></td>
</tr>
<tr>
<td><input type="image"src="arquivos/suaimagem.gif width="180" height="29"></td>
</tr>
</tbody>
</table>
</form>
Se quizer usar CSS para deixar o formulário ao seu gosto, fique a vontade.
No caso do enviar eu coloquei como uma imagem, você pode colocar uma imagem de sua preferencia tb
Para o link de trial ou teste você deve usar o seguinte:
Código HTML:
<a href="$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)"><img src="imagem_trial.gif" border="0"></a>
tb usado como imagem, mas vc pode usar em cima de um texto tb somente o link
Código HTML:
$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)
Se quizer direcionar o cliente para uma pagina especifica, use o seguinte link
Código HTML:
<a href="$(link-login-only)?dst=cadastro.html&username=T-$(mac-esc)"><img src="cadastro.gif" border="0"></a>
Aonde dst=cadastro.html é referente ao caminho da página que vc quer direcionar o cliente, mas esta pá gina tem que estar dentro da pasta hotspot. Pode-se usar um frame, ou um redirecionamento nesta página.
E temos também o código para mostrar ao cliente as informações se ele digitou a senha errada ou se já está logado, coisa e tal
Código HTML:
$(if error)$(error)$(endif)