Aplicando marca visual ao Console de usuário › Como editar páginas do console › Como modificar e mostrar o rodapé › Modificar a folha de estilos em cascata para exibir um rodapé

Modificar a folha de estilos em cascata para exibir um rodapé

Use o arquivo da folha de estilos em cascata de cada capa — idm, horizontal, horizontal2 e neteauto — para configurar o CA IdentityMinder para exibir o rodapé ou não. Esses arquivos de folha de estilos em cascata são armazenados na seguinte pasta:

iam_im.ear/user_console_war/app/imcss/

Por padrão, o rodapé é mostrado nas capas horizontal e horizontal2, mas não nas capas idm ou neteauto.

Atualmente, a capa yourskin não exibe o rodapé porque é uma cópia de neteauto, que usa o arquivo idm.css para exibir rodapés. Os arquivos neteauto.css e yourskin.css contêm somente substituições de cor e importam o arquivo idm.css para manipular outras funções de exibição, como mostrar rodapés. Na capa idm, que é mostrada como se segue, a seção #foot no arquivo idm.css mostra o rodapé como desativado:

#foot {
    display: none;

Na capa horizontal, que é mostrada como se segue, a seção #foot no arquivo horizontal.css mostra o rodapé como ativado:

#foot {
             border: 1px solid black;
             background-color: #AEB6D8;
             padding: 4px;
         display: block; /* to override parent */

A referência display: block significa que o CA IdentityMinder exibe o rodapé.

Para que a capa yourskin exiba o rodapé:

• Em yourskin.css, adicione o seguinte código:

  /*CONSOLE FOOTER*/
  #foot {
      display: block;
  }
  

Nessa seção, também é possível modificar a borda no rodapé, a cor do plano de fundo e o preenchimento.