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
@@ -88,7 +88,8 @@ @@ -88,7 +88,8 @@
88 <h2>Instruções para o uso da barra</h2> 88 <h2>Instruções para o uso da barra</h2>
89 89
90 <h3>Aplicando os Scripts</h3> 90 <h3>Aplicando os Scripts</h3>
91 - 91 +<ol>
  92 +<li><h4>Habilitando a barra na página</h4>
92 <p>Cole este código logo após a abertura da tag &lt;body&gt;.</p> 93 <p>Cole este código logo após a abertura da tag &lt;body&gt;.</p>
93 94
94 <pre> 95 <pre>
@@ -106,7 +107,23 @@ @@ -106,7 +107,23 @@
106 &lt;script defer="defer" src="//barra.brasil.gov.br/barra.js" type="text/javascript"&gt;&lt;/script&gt; 107 &lt;script defer="defer" src="//barra.brasil.gov.br/barra.js" type="text/javascript"&gt;&lt;/script&gt;
107 </pre> 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 <p>Para o footer dinâmico coloque este código no local do footer e aplique um dos css abaixo conforme seu tema</p> 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,16 +157,21 @@
140 max-width: 100%; 157 max-width: 100%;
141 } 158 }
142 </pre> 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 <pre> 165 <pre>
146 &lt;body class="contraste"&gt; 166 &lt;body class="contraste"&gt;
147 </pre> 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 <pre> 170 <pre>
151 &lt;body class=""&gt; 171 &lt;body class=""&gt;
152 </pre> 172 </pre>
  173 +</li>
  174 +</ol>
153 175
154 </div> 176 </div>
155 <div class="clear"></div> 177 <div class="clear"></div>