Portal Padrão
Manual para aplicação da Barra de Identidade Visual do
Governo Federal na Internet
Junho de 2014
Portal Padrão
Barra de Identidade Visual do Governo Federal na Internet
A versão da barra apresentada neste manual deverá ser aplicada
nos sites e portais que estejam adequados à arquitetura e layout
do Portal Padrão da Identidade Digital de Governo.
A barra de Identidade Visual do Governo Federal na Internet tem a
função de identificar, padronizar e integrar sites e portais do
Governo Federal.
A barra também tem a função de proporcionar acesso direto ao
Portal Brasil, às informações públicas de acordo com a Lei de acesso
à informação, aos canais de participação social, ao portal de
serviços prestados pelos diversos órgãos, página com toda a
legislação brasileira e link para os canais de comunicação do
Governo Federal.
Portal Padrão
Barra de Identidade Visual do Governo Federal na Internet - LAYOUT
A barra apresenta os seguintes links de acesso direto:
(1) Portal Brasil - http://www.brasil.gov.br/
(2) Acesso à informação – plataformas com informações públicas de acordo com a
Lei de acesso à informação
(3) Participa - canais de participação social
(4) Serviços - portal de serviços prestados pelos diversos órgãos http://www.servicos.gov.br/
(5) Legislação - página com toda a legislação brasileira http://www4.planalto.gov.br/legislacao
(6) Canais - canais de comunicação do Governo Federal
Portal Padrão
Barra de Identidade Visual do Governo Federal na Internet - APLICAÇÃO
A nova barra do Governo Federal não precisa ser desenvolvida, pois sua funcionalidade
encontra-se corretamente configurada e pronta para uso. Para utilizá-la o órgão deve:
1.
Inserir o script a seguir após a abertura da tag <body>:
<div id="barra-brasil" style="background:#7F7F7F; height: 20px; padding:0 0 0
10px;display:block;">
<ul id="menu-barra-temp" style="list-style:none;">
<li style="display:inline; float:left;padding-right:10px; margin-right:10px; borderright:1px solid #EDEDED"><a href="http://brasil.gov.br" style="font-family:sans,sans-serif; textdecoration:none; color:white;">Portal do Governo Brasileiro</a></li>
<li><a style="font-family:sans,sans-serif; text-decoration:none; color:white;"
href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize sua Barra de
Governo</a></li>
</ul>
</div>
2.
Colar este código ao final antes do fenchamento da tag <body;">. A boa prática orienta que
códigos JavaScript que modificam a página no momento do carregamento devem ser
declarados ao final do elemento <body>.
<script src="//barra.brasil.gov.br/barra.js" type="text/javascript"></script>
O script e outras informações também estão disponíveis na página que trata da barra do
governo eletrônico no endereço a seguir: http://epwg.governoeletronico.gov.br/barra/