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

    Reprogramação Interface Gráfica

    Scheduled Pinned Locked Moved Portuguese
    49 Posts 11 Posters 11.6k 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.
    • L
      LFCavalcanti
      last edited by

      @kelsen:

      E aí pessoal,
          O trabalho continua, agora tem a função de adicionar colunas como mostra as imagens abaixo, ainda algumas coisas a serem ajustadas!

      Finalmente posso aproveitar o monitor Wide corretamente. kk

      –

      Luiz Fernando Cavalcanti
      IT Manager
      Arriviera Technology Group

      1 Reply Last reply Reply Quote 0
      • K
        kelsen
        last edited by

        Segue abaixo o link para baixar o tema:
        http://www.4shared.com/archive/NtOiCneC/metrolabtar.html

        • mv themes/twitter_bootstrap_fs /usr/local/www/themes/

        • mude o tema na interface gráfica

        • cp * /usr/local/www/

        Importante: sempre faça backup dos arquivos originais antes, obedeça a ordem acima para não quebrar a interface gráfica.

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

          Consegue transformar isso em um pacote ou publicar para o pfsense 2.2 como tema nativo?

          Precisa de ajuda?

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

          Help a community developer! ;D

          1 Reply Last reply Reply Quote 0
          • K
            kelsen
            last edited by

            Então @marcelloc, iria procurar a sua ajuda mesmo pra tentar construir um pacote, como eu fiz um fork do 2.1 e não do master, talvez eu tenha que refazer o trabalho e com tantas alterações que fiz, os outros temas não funcionam, provavelmente não vai ser aceito como um tema nativo mesmo.

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

              Entendi. Estou passando isso com uma atualização para o  dhcp.

              Fiz na 2.1, tive que refazer para a 2.2 e ainda incluí uma função que já existia… :(

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

              Help a community developer! ;D

              1 Reply Last reply Reply Quote 0
              • K
                kelsen
                last edited by

                Cansera né, mas então, acho que a melhor alternativa por agora pra quem quiser utilizar essa interface é fazendo um pacote mesmo.
                Basicamente só precisa fazer backup dos arquivos originais, copiar o tema pro diretório /usr/local/www/themes/, porém o tema tem que ser aplicado antes de copiar os outros arquivos pro /usr/local/www/ do contrário a interface vai ficar toda desconfigurada.
                O processo de desinstalação deve voltar os arquivos originais e depois aplicar o tema padrão pfsense_ng.
                Não tenho experiência nenhuma em fazer pacotes, se você (marcelloc) quiser dar uma força, do contrário vai demorar um tempo até lá.
                Abraço!

                1 Reply Last reply Reply Quote 0
                • C
                  Clear-Pixel
                  last edited by

                  @kelsen:

                  Segue a página de login customizada, contêm atalhos para o fórum, página do suporte premium, página principal do pfsense e uma referência a sua empresa.

                  Fantastic Kelsen trabalho …... o melhor trabalho que eu já vi até agora!

                  Eu vou ter algum tempo em algumas semanas a partir de agora e vai te dar uma mão em fazer alguma codificação.

                  HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                  Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                  Single Ethernet Port - VLAN
                  Cisco SG300 10-port Gigabit Managed Switch
                  Cisco DPC3008 Cable Modem  30/4 Mbps
                  Pfsense 2.1-RELEASE (amd64)
                  –------------------------------------------------------------
                  Total Network Power Consumption - 29 Watts

                  1 Reply Last reply Reply Quote 0
                  • K
                    kelsen
                    last edited by

                    Olha só, alguém gostou da pagina de login windows 7 8 like, rsrsrs
                    @Clear-Pixel, toda contribuição é bem vinda, obrigado!
                    @marcelloc, por acaso já teve tempo de olhar sobre fazer um pacote?

                    1 Reply Last reply Reply Quote 0
                    • C
                      Clear-Pixel
                      last edited by

                      Alguns vão te odiar por usar o tema Metro Microsoft ….. Eu não gosto da idéia, mas hey , ele funciona e sua muito mais interessante que os temas padrão chatas que vêm com pfsense ..... Do ponto de vista de design é um design moderno bastante simples que exige o mínimo de esforço para unir.

                      Então, eu sou tudo para ela como sendo uma nova base de ponto de partida para um tema pfSense . Tenha em mente que ao modificar e criar um novo código certifique-se a estrutura do código pode ser facilmente modificado para criar diferentes estilos de tema mais tarde.

                      Como eu já disse não estar preocupado com explodir os atuais temas padrão que vêm com o pfSense . Em algum momento o tema vai estar em um pacote que pode voltar a velha escola , se o usuário deseja .

                      P.S.
                      O que sempre você faz ...... por favor, mantenha o menu expansível vertical. Há muitas razões técnicas e de produtividade para mantê-lo verticais ...... não vai conseguir as razões mas terá retorno em melhorar a usabilidade móvel e, claro, a produtividade desktop.

                      Google fez um péssimo trabalho de traduzir de forma que há problemas com palavras e sturcture.

                      HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                      Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                      Single Ethernet Port - VLAN
                      Cisco SG300 10-port Gigabit Managed Switch
                      Cisco DPC3008 Cable Modem  30/4 Mbps
                      Pfsense 2.1-RELEASE (amd64)
                      –------------------------------------------------------------
                      Total Network Power Consumption - 29 Watts

                      1 Reply Last reply Reply Quote 0
                      • K
                        kelsen
                        last edited by

                        Na verdade essa tela de login foi somente uma experiência, apesar de estar no github, ela não está incluída no link acima onde disponibilizei o tema.
                        Abaixo segue screenshot da modificação que fiz para mostrar alertas no ícone do sino.

                        1 Reply Last reply Reply Quote 0
                        • L
                          LFCavalcanti
                          last edited by

                          @kelsen:

                          Na verdade essa tela de login foi somente uma experiência, apesar de estar no github, ela não está incluída no link acima onde disponibilizei o tema.
                          Abaixo segue screenshot da modificação que fiz para mostrar alertas no ícone do sino.

                          Então Kelsen, os alertas aparecem nessa caixa translucida sozinhos ao serem gerados pelo PFSense ou é preciso clicar no "sino"?

                          –

                          Luiz Fernando Cavalcanti
                          IT Manager
                          Arriviera Technology Group

                          1 Reply Last reply Reply Quote 0
                          • K
                            kelsen
                            last edited by

                            Sempre que houver um alerta, ao recarregar a página um numero encima do "sino" indicará o número de alertas; estive pensando, talvez ao invés de aparecer a caixa de texto, clicando no ícone poderia já retornar os alertas, seria um clique a menos.
                            Aproveitando o post, segue screenshot de uma modificação sugerida pelo @Clear-Pixel, dessa forma é possível reduzir um pouco do espaço tomado.

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

                              Como os pacotes estão se comportando com este tema? Algum quebrou?

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

                              Help a community developer! ;D

                              1 Reply Last reply Reply Quote 0
                              • K
                                kelsen
                                last edited by

                                @marcelloc:

                                Como os pacotes estão se comportando com este tema? Algum quebrou?

                                Pra falar a verdade até agora só o seu, rsrssr a aba Realtime do squid3 está conflitando com o jquery-1.8.3, não tenho muito experiência em programação, não consegui ver oque é ainda.

                                1 Reply Last reply Reply Quote 0
                                • T
                                  thiagomespb
                                  last edited by

                                  Kelsen,

                                  tem alguma novidade para poder usar esse tema ? e como aplicar..

                                  Thiago

                                  1 Reply Last reply Reply Quote 0
                                  • K
                                    kelsen
                                    last edited by

                                    Nenhuma novidade, basta baixar o tema e aplicar seguindo os passos que eu descrevi num post anterior.
                                    Amanha eu irei disponibilizar as ultimas alterações.

                                    1 Reply Last reply Reply Quote 0
                                    • G
                                      guitarcleiton
                                      last edited by

                                      Kelsen, poderia disponibilizar o arquivo novamente.

                                      Esta dando arquivo não encontrado.

                                      obrigado

                                      Analista de Sistemas
                                      Bacharel em Sistemas de Informação

                                      https://cleiton.tech.blog/

                                      1 Reply Last reply Reply Quote 0
                                      • K
                                        kelsen
                                        last edited by

                                        Fala @guitarcleiton,
                                            Tem muito tempo que não trabalho no tema, na verdade até abandonei ele, segue um link, não sei se é a última modificação que fiz:
                                        http://www.4shared.com/archive/cELGIJ48/metrolabtar__1_.html
                                            Acho melhor você baixar do github https://github.com/kelsen/pfsense/tree/metrolabTheme .. provavelmente vai estar mais atualizado.
                                            Tem também um novo tema que fiz, apelidado de codeblue_fs https://github.com/kelsen/pfsense/tree/codeblue_fs .. ele é baseado no metrolab, mas sem a utilização de jQuery, javascript.. apenas CSS. Não é a mesma coisa, mas também não precisei fazer alterações em códigos do pfSense.

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