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

    Resolvido: Captive Portal Responsiva

    Portuguese
    13
    20
    6.8k
    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.
    • B
      breno.uni
      last edited by

      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

      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
      • L
        lucaspolli
        last edited by

        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

        1 Reply Last reply Reply Quote 0
        • 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.