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
      broonu
      last edited by

      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?

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

        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 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
          juninhoandrade
          last edited by

          @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

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