### Configurar Metadado 'creator.productor' para Portal de Serviços (HTML) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Este meta tag é utilizado para manter o contexto do órgão no Portal de Serviços ao clicar no link 'Serviços' da barra. O valor 'NUMERO' deve ser substituído pelo identificador único do órgão no SIORG. Este código é específico para cada órgão. ```html ``` -------------------------------- ### Configurar Meta Tag para Contexto de Órgão (HTML) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Para manter o contexto do órgão ao clicar no link 'Serviços' da barra, adicione esta meta tag na seção do seu HTML. Substitua 'NUMERO' pelo identificador correto do seu órgão no SIORG. ```html ``` -------------------------------- ### Estilos CSS para Footer Dinâmico (Azul/Branco) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Aplica estilos CSS específicos para o footer dinâmico quando o tema da página é azul ou branco. Este CSS deve ser aplicado ao elemento com o ID 'footer-brasil'. ```css #footer-brasil { background: none repeat scroll 0% 0% #0042b1; padding: 1em 0px; max-width: 100%; } ``` -------------------------------- ### Estilos CSS para Footer Dinâmico (Verde) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Aplica estilos CSS específicos para o footer dinâmico quando o tema da página é verde. Este CSS deve ser aplicado ao elemento com o ID 'footer-brasil'. ```css #footer-brasil { background: none repeat scroll 0% 0% #00420c; padding: 1em 0px; max-width: 100%; } ``` -------------------------------- ### Habilitar Alto Contraste na Barra (HTML) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Para ativar o modo de alto contraste na Barra de Governo Eletrônico e no rodapé, adicione a classe 'contraste' à tag . ```html ``` -------------------------------- ### Exemplo de Versão da Barra de Governo Eletrônico (Comentário) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Este é um exemplo do formato em que a versão da Barra de Governo Eletrônico é apresentada no topo do arquivo Javascript, dentro de um comentário JSDoc. Inclui também informações sobre a licença. ```javascript /** @version 2.2.18 @source http://softwarepublico.gov.br/gitlab/govbr/barra-govbr/ @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt CC0 */ ``` -------------------------------- ### Estilos CSS para Footer Dinâmico (Amarelo) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Aplica estilos CSS específicos para o footer dinâmico quando o tema da página é amarelo. Este CSS deve ser aplicado ao elemento com o ID 'footer-brasil'. ```css #footer-brasil { background: none repeat scroll 0% 0% #2c66ce; padding: 1em 0px; max-width: 100%; } ``` -------------------------------- ### Habilitar Footer Dinâmico (HTML) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Este snippet HTML define o local onde o footer dinâmico da barra de governo será renderizado. Ele deve ser posicionado no local onde o footer da página normalmente apareceria. ```html ``` -------------------------------- ### Obter Versão da Barra de Governo Eletrônico (Console) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Este comando utiliza `curl` para baixar o script da Barra de Governo Eletrônico e `head` para extrair as primeiras linhas, onde a informação da versão é geralmente encontrada na tag `@version`. O `grep` filtra a linha que contém a versão. ```console $ curl -s https://barra.brasil.gov.br/barra.js | head -c 171 | grep @version ``` -------------------------------- ### Incluir Script da Barra de Governo Eletrônico (HTML) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Este script deve ser adicionado ao final da tag para carregar a Barra de Governo Eletrônico. A boa prática recomenda que scripts que modificam a página no carregamento sejam declarados no final do body. O atributo 'defer' permite que o script seja executado após o parsing do HTML. ```html ``` -------------------------------- ### Implementar Footer Dinâmico Source: https://barra.governoeletronico.gov.br/instrucoes.html Estrutura HTML e estilos CSS para o rodapé dinâmico da Barra Brasil, com variações de cores para temas verde, amarelo, branco e azul. ```html ``` ```css /* Tema Verde */ #footer-brasil { background: none repeat scroll 0% 0% #00420c; padding: 1em 0px; max-width: 100%; } /* Tema Amarelo */ #footer-brasil { background: none repeat scroll 0% 0% #2c66ce; padding: 1em 0px; max-width: 100%; } /* Tema Branco ou Azul */ #footer-brasil { background: none repeat scroll 0% 0% #0042b1; padding: 1em 0px; max-width: 100%; } ``` -------------------------------- ### Incluir Script da Barra de Governo Eletrônico (JavaScript) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Este script JavaScript deve ser incluído antes do fechamento da tag . Ele é responsável por carregar a funcionalidade completa da barra de governo. A boa prática recomenda colocá-lo ao final do body para otimizar o carregamento da página. ```javascript ``` -------------------------------- ### Configurar Metadados do Órgão Source: https://barra.governoeletronico.gov.br/instrucoes.html Tag meta para associar o site a um órgão específico via SIORG, permitindo que o link de serviços da barra mantenha o contexto organizacional. ```html ``` -------------------------------- ### Verificar Versão da Barra via Terminal Source: https://barra.governoeletronico.gov.br/instrucoes.html Comando shell para extrair a versão atual do script da Barra Brasil diretamente do cabeçalho do arquivo fonte. ```bash curl -s https://barra.brasil.gov.br/barra.js | head -c 171 | grep @version ``` -------------------------------- ### Alternar Alto Contraste Source: https://barra.governoeletronico.gov.br/instrucoes.html Método para habilitar ou desabilitar o modo de alto contraste na página através da manipulação da classe CSS no elemento body. ```html ``` -------------------------------- ### Desabilitar Alto Contraste na Barra (HTML) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Para desativar o modo de alto contraste na Barra de Governo Eletrônico e no rodapé, remova ou deixe vazia a classe da tag . ```html ``` -------------------------------- ### Habilitar Barra de Governo Eletrônico (HTML) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Este snippet HTML adiciona a barra de navegação principal do governo eletrônico ao topo da página. Deve ser inserido logo após a abertura da tag . Ele define a estrutura básica da barra com links para o portal do governo e atualização da barra. ```html
``` -------------------------------- ### Habilitar Barra de Governo Eletrônico (IDG 2 - HTML) Source: https://barra.governoeletronico.gov.br/_sources/instrucoes.rst.txt Este snippet HTML adiciona uma versão simplificada da barra de navegação principal do governo eletrônico ao topo da página. Deve ser inserido logo após a abertura da tag . Ele inclui apenas o link para o portal do governo brasileiro. ```html
``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.