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
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
-
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
-
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.
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?
-
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 -
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/loginsParece ó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
-
https://www.youtube.com/watch?v=7xVZiSVHbTI&t=737s