Netgate Discussion Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Register
    • Login

    Resolvido: Captive Portal Responsiva

    Scheduled Pinned Locked Moved Portuguese
    20 Posts 13 Posters 6.8k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      juninhoandrade
      last edited by

      @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 !

      1 Reply Last reply Reply Quote 0
      • B
        breno.uni
        last edited by

        VoiD_Junior. Perfeito. Resolvido.

        Segui a sua dica e deu certinho. Muito obrigado.

        Abraços a todos..

        Breno Alencar | Uni Network, Informática e Soluções Integradas
        Especialista em Engenharia de Redes e Telecomunicação de Sistemas

        MTCNA + Especialização em Wireless LAN

        Redes Wireless Avançadas e Cidades Digitais

        1 Reply Last reply Reply Quote 0
        • J
          jozam
          last edited by

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

          1 Reply Last reply Reply Quote 0
          • J
            juninhoandrade
            last edited by

            @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

            1 Reply Last reply Reply Quote 0
            • R
              rickrs
              last edited by

              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

              1 Reply Last reply Reply Quote 0
              • H
                holiveira
                last edited by

                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

                1 Reply Last reply Reply Quote 0
                • R
                  rickrs
                  last edited by

                  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

                  1 Reply Last reply Reply Quote 0
                  • marcellocM
                    marcelloc
                    last edited by

                    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.

                    Treinamentos de Elite: http://sys-squad.com

                    Help a community developer! ;D

                    1 Reply Last reply Reply Quote 0
                    • P
                      paulodiego
                      last edited by

                      Como conseguiram fazer a pagina responsiva?

                      1 Reply Last reply Reply Quote 0
                      • V
                        victorfmaraujo
                        last edited by

                        @paulodiego:

                        Como conseguiram fazer a pagina responsiva?

                        O Breno Pagou um desenvolvedor web para fazer hehehe.

                        1 Reply Last reply Reply Quote 0
                        • B
                          Bomsao
                          last edited by

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

                          1 Reply Last reply Reply Quote 0
                          • J
                            jcvn
                            last edited by

                            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

                            1 Reply Last reply Reply Quote 0
                            • D
                              dalepothen
                              last edited by

                              @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

                              1 Reply Last reply Reply Quote 0
                              • J
                                jcvn
                                last edited by

                                https://www.youtube.com/watch?v=7xVZiSVHbTI&t=737s

                                1 Reply Last reply Reply Quote 0
                                • First post
                                  Last post
                                Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.