Resolvido: Captive Portal Responsiva



  • Ola a todos. Estou com uma pagina personalizada para colocar no captive portal com a função voucher. O problema é que nao sei como subir uma página com códigos CSS para dentro do captive portal.

    Gostaria de uma ajuda para subir esses arquivos porque a pagina ficará em um Hotel e tem a necessidade de ser responviva pelo fato de ter muitos dispositivos moveis dentro do ambiente.

    Agradeço a ajuda. Se puderem só precisa passar o caminho dos arquivos.

    Abraços a todos



  • Desculpe se não entendi bem o seu objetivo, mas enviar os arquivos pelo próprio file manager do captive portal não resolve seu problema?



  • Broonu. Infelizmente não resolveu. Fiz isso e as imagens nem as configurações da pagina não são mostradas corretamente. Gostaria de uma ajuda dos companheiros sobre o assunto.

    Abraços e obrigado pelo retorno.



  • @breno.uni:

    Ola a todos. Estou com uma pagina personalizada para colocar no captive portal com a função voucher. O problema é que nao sei como subir uma página com códigos CSS para dentro do captive portal.

    Gostaria de uma ajuda para subir esses arquivos porque a pagina ficará em um Hotel e tem a necessidade de ser responviva pelo fato de ter muitos dispositivos moveis dentro do ambiente.

    Agradeço a ajuda. Se puderem só precisa passar o caminho dos arquivos.

    Abraços a todos

    Só é deixar o CSS na mesma página do HTML



  • VoiD_Junior. Obrigado pelo resposta. Na verdade não entendi bem. Você poderia colocar um passo a passo aqui de como realizar esse processo?

    Você descrevendo aqui poderá ajudar aos demais colegas. Passa o caminho de como fazer isso. Meu css tem algumas pastas e nao sei ao certo como e onde colocar.

    O link para meu arquivo: http://www.4shared.com/office/2AeeBG69ba/login.html

    Muito obrigado pela ajuda.

    Abracos



  • crie apenas um arquivo com tudo o que precisa… css, imagens.. eu converto as imagens para string, dessa forma consigo colocar no codigo aon inves de em pastas... uso esse site para converter

    http://webcodertools.com/imagetobase64converter



  • @lucaspolli:

    crie apenas um arquivo com tudo o que precisa… css, imagens.. eu converto as imagens para string, dessa forma consigo colocar no codigo aon inves de em pastas... uso esse site para converter

    http://webcodertools.com/imagetobase64converter

    não precisa fazer isso,

    precisa só fazer isso .. no head do html

    exemplo

    na ultima ABA do captive vc faz upload das imagens..

    e pode fazer do css também (y).

    sobre a mensagem de erro eu fiz um alerta em javascript:

    coloca em cima .. no head !

    só que ai tu faz upload da mesma página com esse script na parte de erro !



  • VoiD_Junior. Perfeito. Resolvido.

    Segui a sua dica e deu certinho. Muito obrigado.

    Abraços a todos..



  • Amigo, pode upar o modelo do html que ficou no final da edição?8



  • @jozam:

    Amigo, pode upar o modelo do html que ficou no final da edição?8

    PHP é melhor por conta dos scripts que pode rodar :D

    pode fazer em Javascript também.

    Estou fazendo via "POPUP" de alerta :D



  • Bom dia,

    Preciso de um auxílio seu, se possível!

    Peguei o modelo de captive portal seu e alterei somente as imagens, achei muito bom o modelo. Mas como faço para inserir o modelo no pfsense? Faço o upload de todos os arquivos via file manager do próprio captive? Ou posso usar um filezella ou WinScp para fazer o upload?

    Obrigado



  • Boa tarde,

    Entre editando seu Captive Portal, no final da página terá opção para upload dos seus arquivos customizados.

    @rickrs:

    Bom dia,

    Preciso de um auxílio seu, se possível!

    Peguei o modelo de captive portal seu e alterei somente as imagens, achei muito bom o modelo. Mas como faço para inserir o modelo no pfsense? Faço o upload de todos os arquivos via file manager do próprio captive? Ou posso usar um filezella ou WinScp para fazer o upload?

    Obrigado



  • Consegui alterar as imagens e fiz o upload, até aí tudo certo. Mas depois de um tempo ele parou de funcionar, exclui tudo e refiz a configuração, vou continuar testando amanhã. Vou testar geração de vouchers pois alterei a quantidade de caracteres, não sei se isso influencia…. Volto aqui amanhã!

    Obrigado



  • Use o plugin firebug do firefox. Ele vai te mostrar como a página está buscando as imagens e o css. Uma vez identificado o problema, basta corrigir a pasta e/ou protocolo e/ou porta.



  • Como conseguiram fazer a pagina responsiva?



  • @paulodiego:

    Como conseguiram fazer a pagina responsiva?

    O Breno Pagou um desenvolvedor web para fazer hehehe.



  • Gostei do modelo do hotspot do amigo, alguem poderia me informar com eu adpito no pfsense.



  • Pessoal segue o modelo que utilizo em um bar, se alguém tiver interesse é só chamar.
    http://jcvn.com.br/login/
    e
    http://jcvn.com.br/logins



  • @jcvn:

    Pessoal segue o modelo que utilizo em um bar, se alguém tiver interesse é só chamar.
    http://jcvn.com.br/login/
    e
    http://jcvn.com.br/logins

    Parece ótimo especialmente o segundo .. você pode me ajudar … eu sou novo, usei o modelo, mas preciso de ajuda com parte de animação e preciso das imagens para baralhar ... Oh, eu uso o google tradutor, espero que ele seja traduzido corretamente