Download as
Browse Code »

Commit 71ded1cb991046e6ebfaa96ca340b50ebba9e7a1

Authored by Carlos Vieira
1 parent 4c9e419d
Exists in master

Adicionando passo para contexto no portal de serviços

Showing 1 changed file with 26 additions and 4 deletions   Show diff stats
index.html
  Diff comments   View file @71ded1c
... ... @@ -88,7 +88,8 @@
88 88 <h2>Instruções para o uso da barra</h2>
89 89  
90 90 <h3>Aplicando os Scripts</h3>
91   -
  91 +<ol>
  92 +<li><h4>Habilitando a barra na página</h4>
92 93 <p>Cole este código logo após a abertura da tag &lt;body&gt;.</p>
93 94  
94 95 <pre>
... ... @@ -106,7 +107,23 @@
106 107 &lt;script defer="defer" src="//barra.brasil.gov.br/barra.js" type="text/javascript"&gt;&lt;/script&gt;
107 108 </pre>
108 109  
109   -<p>Se utilizar em XHTML não é permitido a minificar os atributos. Se for em HTML é possível utilizar somente 'defer' conforme <a href="http://www.w3schools.com/tags/tag_script.asp">exemplo feito pelo W3Schools</a>.</p>
  110 +<p>Se utilizar em XHTML não é permitido a minificar os atributos. Se for em HTML é possível utilizar somente 'defer' conforme <a href="http://www.w3schools.com/tags/tag_script.asp">exemplo feito pelo W3Schools para a tag script</a>.</p>
  111 +</li>
  112 +
  113 +<li><h4>Mantendo o contexto do órgão no Portal de Serviços ao clicar no link 'Serviços' da barra</h4>
  114 +
  115 +<p>Para habilitar o parâmentro 'orgao' no link de 'Serviços' cole este código na tag &lt;head&gt;.</p>
  116 +
  117 +<pre>
  118 +&lt;meta property="creator.productor" content="http://estruturaorganizacional.dados.gov.br/id/unidade-organizacional/<strong>NUMERO</strong>"&gt;
  119 +</pre>
  120 +
  121 +<p>Atenção: Troque o <strong>NUMERO</strong> pelo número correto do órgão no SIORG. <a href="http://siorg.planejamento.gov.br">Acesse o SIORG e procure pelo seu órgão.</a></p>
  122 +
  123 +</li>
  124 +
  125 +<li>
  126 +<h4>Habilitando o footer dinâmico na barra</h4>
110 127  
111 128 <p>Para o footer dinâmico coloque este código no local do footer e aplique um dos css abaixo conforme seu tema</p>
112 129  
... ... @@ -140,16 +157,21 @@
140 157 max-width: 100%;
141 158 }
142 159 </pre>
  160 +</li>
  161 +<li>
  162 +<h4>Para habilitar/desabilitar o alto contraste na barra</h4>
143 163  
144   -Para habilitar o alto contraste da barra e do rodapé habilite a classe 'contraste' no body:
  164 +<p>Para habilitar o alto contraste da barra e do rodapé habilite a classe 'contraste' no body:</p>
145 165 <pre>
146 166 &lt;body class="contraste"&gt;
147 167 </pre>
148 168  
149   -Para desabilitar o alto contraste da barra e do rodapé desabilite a classe 'contraste' no body:
  169 +<p>Para desabilitar o alto contraste da barra e do rodapé desabilite a classe 'contraste' no body:</p>
150 170 <pre>
151 171 &lt;body class=""&gt;
152 172 </pre>
  173 +</li>
  174 +</ol>
153 175  
154 176 </div>
155 177 <div class="clear"></div>
... ...