Download as
Browse Code »

Commit 5e7545a1f8c45cfb91be8cead3f609165e7aefdf

Authored by Carlos Vieira
1 parent e8da022a
Exists in master

index.html: Modificando o código da barra fixa. Adicionando o atualize.html e img/certificado.png

Showing 3 changed files with 95 additions and 2 deletions   Show diff stats
atualize.html 0 → 100644
  Diff comments   View file @5e7545a
... ... @@ -0,0 +1,93 @@
  1 +<!DOCTYPE html>
  2 +<html lang="pt-BR">
  3 + <head>
  4 + <meta charset="utf-8" />
  5 + <title>Identidade Visual do Governo Federal na Internet</title>
  6 + <link rel="shortcut icon" type="image/x-icon" href="imagens/favicon.ico">
  7 + <link rel="stylesheet" href="css/reset.css" />
  8 + <link rel="stylesheet" href="css/text.css" />
  9 + <link rel="stylesheet" href="css/960.css" />
  10 + <link rel="stylesheet" href="css/demo.css"/>
  11 + <link rel="alternate stylesheet" href="css/contraste.css" title="alto_contraste"/>
  12 +
  13 + <script type="text/javascript">
  14 + function alto_contraste(title) {
  15 + var i, a;
  16 + for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
  17 + if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
  18 + a.disabled = true;
  19 + if(a.getAttribute("title") == title) a.disabled = false;
  20 + }
  21 + }
  22 + }
  23 + </script>
  24 + </head>
  25 +<body>
  26 +
  27 + <div id="barra-brasil">
  28 + <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a>
  29 + </div>
  30 + <script id="teste" src="http://barra.brasil.gov.br/barra.js?cor=azul" type="text/javascript"></script>
  31 +
  32 + <div id="acessibilidade">
  33 +
  34 + <div class="container">
  35 +
  36 + <ul class="atalhos">
  37 + <li><a href="#content" accesskey="1" class="ipular">Ir para Conteúdo</a></li>
  38 + </ul>
  39 +
  40 + <ul class="links">
  41 + <li><a href="#" class="iacessibilidade" onclick="alto_contraste('','1')">Contraste Normal</a></li>
  42 + <li><a href="#" class="iautocontraste" onclick="alto_contraste('alto_contraste','1')">Alto Contraste</a></li>
  43 + </ul>
  44 +
  45 + </div>
  46 + <div class="clear"></div>
  47 +
  48 + </div>
  49 +
  50 + <div id="header">
  51 + <div class="container_12">
  52 + <div class="grid_8 suffix_1">
  53 + <h1>Identidade Visual do Governo Federal na Internet</h1>
  54 + <p>Sobre o uso e a aplicação da barra de identidade. Para maiores detalhes consulte o <a href="http://www.secom.gov.br/orientacoes-gerais/comunicacao-digital/nova-barra-de-identidade-do-governo-federal%20">Manual de Identidade Visual do Governo Federal na Internet Regras de aplicação da Barra de Identidade</a>.</p>
  55 + </div>
  56 + <div class="grid_3">
  57 + <a href="http://www.governoeletronico.gov.br" title="Sítio do Programa de Governo Eletrônico Brasileiro" class="logo-govbr">Programa de Governo Eletrônico Brasileiro</a>
  58 + </div>
  59 + <div class="clear"></div>
  60 + </div>
  61 + </div>
  62 +
  63 + <div id="content">
  64 + <div class="container_12">
  65 + <div class="grid_12 suffix_1">
  66 + <h2>Atualização</h2>
  67 + <p>Para atualizar a barra é necessário alguns passos: </p>
  68 + <p><ol>
  69 + <li>Acessar o link da <a href="https://barra.governoeletronico.gov.br">barra de governo</a>;</li>
  70 + <li>Aceitar o certificado conforme imagem abaixo. O certificado do ICP-Brasil é o certificado indicado pelo governo federal mas o mesmo não está instalado por padrão nos navegadores atuais; <br/><br/>
  71 +<img src="img/certificado.png" alt="Certificado Digital Barra Brasil" title="Certificado Digital Barra Brasil"><br/>
  72 + &rarr; Seu navegador pode exibir uma tela para aceitação do certificado diferente da imagem acima.</li>
  73 + <li>Voltar para a página do governo e recarregar a página para aparecer a nova barra.</li>
  74 + </ol></p>
  75 + </div>
  76 + </div>
  77 + <div class="clear"></div>
  78 + </div>
  79 + </div>
  80 +
  81 + <div id="footer">
  82 + <div class="container_12">
  83 + <div class="grid_6">
  84 + <a class="twitter" href="http://twitter.com/egovbr">Siga o Gov.br</a>
  85 + </div>
  86 + <div class="grid_6">
  87 + <a class="marca-governo" href="http://www.planejamento.gov.br">Ministério do Planejamento, Orçamento e Gestão</a>
  88 + </div>
  89 + <div class="clear"></div>
  90 + </div>
  91 + </div>
  92 +</body>
  93 +</html>
... ...
img/certificado.png 0 → 100644
View file @5e7545a

58.5 KB
index.html
  Diff comments   View file @5e7545a
... ... @@ -84,8 +84,8 @@
84 84 <p>Cole este código logo após a abertura da tag &lt;body&gt;.</p>
85 85  
86 86 <pre>
87   -&lt;div id="barra-brasil"&gt;
88   - &lt;a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; "&gt;Portal do Governo Brasileiro&lt;/a&gt;
  87 +&lt;div id="barra-brasil" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block;"&gt;
  88 + &lt;a href="http://brasil.gov.br" style="font-family:sans,sans-serif; text-decoration:none; color:white;"&gt;Portal do Governo Brasileiro&lt;/a&gt;<br/> &amp;mdash; &lt;a href="http://epwg.governoeletronico.gov.br/atualize.html" style="font-family:sans,sans-serif; text-decoration:none; color:white;"&gt;Atualize sua barra de governo&lt;/a&gt;
89 89 &lt;/div&gt;
90 90 </pre>
91 91  
... ...