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.9k 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.
    • 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.