ABCD Wiki | Português

Alterar a aparência (cores e/ou ícones) usada na interface de uma pasta de banco de dados

 

Os arquivos de estilo padrão usados ​​pelo ABCD estão localizados na pasta central/css .

Para criar um novo estilo aplicável a uma determinada pasta de banco de dados, faça o seguinte:

  1. Crie em central/css uma nova pasta com o nome que você escolher. deseja fornecer (sem espaços em branco ou caracteres especiais). Exemplo: correspondência

  2. Copie para esta pasta do central/css os arquivos: template.css , layout.css e styles.css .

  • template.css: inclui os estilos.css
  • layout.css: usados ​​para formatar as páginas layout.css Define o tamanho, margens, alinhamento e posição das diferentes divisões (<DIV> .. </DIV>) usado para formatar as páginas estilos.css Contém tamanhos de fonte, cores, links de ícones e outros elementos destaque nas páginas

  1. O arquivo styles.css original usa a técnica “indirection (../)” para fazer referência aos ícones e imagens exibidos nas páginas. Exemplo:

     A.saveButton IMG { 
     background: url('../images/icon/defaultButton_save.png') no-repeat center; 
 }

Essa forma de escrever a url indica que você deve subir um nível na escala do diretório ativo para localizar a pasta images/icon onde defaultButton_save.png está armazenado. Como o diretório que criamos está um nível abaixo da pasta css, todas as indireções em styles.css devem ser alteradas de ../ para ../../ . Isso pode ser feito facilmente com a opção de substituição de qualquer processador de arquivo .txt

  1. Modifique os arquivos styles.css e layout.css para refletir as alterações necessárias

  2. Caso deseje substituir o logo ABCD por um próprio, coloque a imagem que deseja utilizar na pasta criada (css/correspondência), tomando cuidado para que suas dimensões aproximadas sejam de 60px de altura e no máximo 600px de largura. Isso pode mudar de acordo com as dimensões de cada monitor e deve estar de acordo com as especificações da classe

     .institutionalInfo { 
     float: left; 
     width: 60%; 
     padding: 15px 0px 14px 15px; 
 }

definido em layout.css

  1. Modifique o arquivo abcd.def localizado na pasta base adicionando os parâmetros:

        CSS_NAME=Name_of_the_folder_with_the_style_files_to_use 
    LOGO=../css/Name_of_the_folder_with_the_style_files_to_use/Name_of_the_image

  2. Adicione as seguintes linhas ao início de config_extended.php para que os parâmetros recém-criados possam ser lidos:

       //style files 
        if (isset($def["CSS_NAME"])){ 
            $css_name=$def["CSS_NAME"]; 
        } 
    //Logo 
        if (isset($def["LOGO"])){ 
            $logo=$def["LOGO"]; 
        }

Modificações no arquivo styles.css para alterar as cores de fundo

Elemento Parâmetro Resultado
BODY background Cor de fundo da janela ABCD
.heading background-color Cor da área onde o logotipo é exibido
.userInfo, .userInfo A, .language, .language A color Altere a cor das letras dos rótulos com as informações do usuário, lista de bancos de dados, lista de idiomas e lista de módulos
.sectionInfo background Cor de fundo onde são exibidos o nome do processo e o banco de dados ativo
.helper background-color Cor da área onde o botão de ajuda é exibido e o nome do script que está sendo executado
footer backgroundcolor Cor de fundo da faixa e das letras onde constam a versão do abcd e as informações da Bireme
Procurar