1 Anexo(s)
Projeto de Pagina de Login para Hotspot, Com informações sobre planos e suporte
Bom dia pessoal,
Hoje comecei a construir uma pagina diferente para uso com hotspot, pois fiquei cansado daquela mesma pagina que vem desde a versão 2.9.
Posto abaixo uma foto de como esta ficando.
Estou construindo em HTML + JavaScript e vai ser totalmente compatível com o Mikrotik e quando estiver pronta vou disponibilizar aqui no forum!
Se alguem quiser dar uma dica estamos ai
1 Anexo(s)
Boa iniciativa orionstation
olha a minha pagina de login ae, tbm contem paginas de planos, pagina de cadastro, tem ate o espaço para colocar propagandas, coloquei uma pagina de download direto no Hotspot.
Sobre comentarios do codigo!
Estou comentando todo o código na medida do possível!
Vou postar parte dele da pagina de login para vocês darem uma olhada
Código :
<!-- INICIO DO SCRIPT DO HOTSPOT //-->
$(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)
<!-- FIMK DO SCRIPT DO HOTSPOT //-->
<div id="page">
<div id="topbox">
<table width="700" border="0" id="toptable">
<tr>
<td width="182"><img src="../hotspot/img/logobottom.png" width="180" height="60" alt="Tecnologia Utilizada"/></td>
<td width="304"> </td>
<td width="200"> </td>
</tr>
</table>
</div>
<div id="linkbar">
<table width="700" border="0" class="links" id="linktab">
<tr>
<td width="118">Nosso Diferencial</td>
<td width="88">Equipamento</td>
<td width="79">Indices</td>
<td width="95">Planos</td>
<td width="95">Cobertura</td>
<td width="95">Atendimento</td>
<td width="100">Contato</td>
</tr>
</table>
</div>
<table width="700" border="0" id="logintable">
<tr>
<td width="488" valign="top"><img src="img/rj.jpg" width="488" height="292" alt="Rio de Janeiro" /></td>
<td width="196" valign="top"><table width="196" border="0">
<tr>
<td width="50"class="fonte">Login<br /><br />Senha</td>
<!-- INICIO DO CODIGO DE FORMULARIO PARA LOGIN -->
<form name="login" action="$(link-login-only)" method="post"
$(if chap-id) onsubmit="return doLogin()" $(endif)>
<input type="hidden" name="dst2" value="$(link-orig)" />
<input type="hidden" name="popup2" value="true" />
<!-- ESTA PRIMEIRA PARTE DEVE SER INSERIDA ANTES DA TABELA -->
<td width="50" class="fonte"><input name="username" type="text" class="formlogin" style="width: 130px" value="$(username)"/><br /><br />
<input name="password" type="password" class="formlogin" style="width: 92px"/> <input type="submit" class="formlogin" id="botao" value="OK"/></td>
</form>
</tr>
<tr>
<td colspan="2" >$(if error)<br />
<div style="color: #FF8080; font-size: 9px">$(error)</div>
$(endif)</td>
</tr>
<tr>
<td colspan="2" id="manual">INSTRUÇÕES DE UTILIZAÇÃO:<br />
<br />
1)Insira o nome de usuário e senha e clique em ok.<br />
<br />
2)Seu codigo de acesso só podera ser acessado apartir do computador habilitado.<br />
<br />
3)Caso o erro insistir, anote o codigo do erro e entre em contato com o Suporte Técnico<br />
<br />
4)Aproveite e faça um bom uso.</td></tr>
</table></td>
</tr>
</table>
<div id="pagebody">Nosso sistema é interconectado a uma das melhores redes em alta velocidade, impedindo que haja saturação do acesso nos horarios de picos, deixando sua conexão sempre estável. Prestamos um serviço com seriedade e confiabilidade, tornando a nossa solução de conectividade uma das mais conceituadas entre as melhores operadoras de banda larga do Rio de Janeiro. Nos</div>
</div>
<script type="text/javascript">
<!--
document.login.username.focus();
//-->
</script>
</body>
[langtitle=iw]Re: Projeto de Pagina de Login para Hotspot, Com informações sobre planos e suporte[/langtitle]
[lang=iw]ספר הוראות יצרן של פיג'ו 306[/lang]
Re: Projeto de Pagina de Login para Hotspot, Com informações sobre planos e suporte
Sera q vc poderia postar as figuras q vc usou nesse script?
Re: Projeto de Pagina de Login para Hotspot, Com informações sobre planos e suporte
Citação:
Postado originalmente por
orionstation
Bom dia pessoal,
Hoje comecei a construir uma pagina diferente para uso com hotspot, pois fiquei cansado daquela mesma pagina que vem desde a versão 2.9.
Posto abaixo uma foto de como esta ficando.
Estou construindo em HTML + JavaScript e vai ser totalmente compatível com o Mikrotik e quando estiver pronta vou disponibilizar aqui no forum!
Se alguem quiser dar uma dica estamos ai
Amigo posta o codigo completo pq a minha pagina nao ficou igual a sua e manda tb as figuras q vc usou no seu exemplo, obrigado.
Re: Projeto de Pagina de Login para Hotspot, Com informações sobre planos e suporte
1 Anexo(s)
Re: Projeto de Pagina de Login para Hotspot, Com informações sobre planos e suporte
Anexo 13512
SEGUE UM EM FLASH..O CODIGO FONTE ESTA JUNTO, BASTA EDITAR COM O FLASH 8 OU CS4 E COLOCAR ODA SEUS DADOS.
Re: Projeto de Pagina de Login para Hotspot, Com informações sobre planos e suporte
Citação:
Postado originalmente por
edcomrocha
Aqui é o seguinte uso assim tbm, para os que estao com sinal ruim sao dropados pelo script que fizeram aqui no under, para pessoas que estao com ack alto, o dhcp pra quem é da minha rede é uma faixa de ip que esta cadastrado os mac dos clientes, pra quem nao é meu cliente é outra faixa de ip, entao tenho uma faixa para clientes e outra pra nao clientes, roda de boa no dhcp
Abraços
Olá amigo. Poderia dar uma dica de como fazer isso?
Valeu.
