BVS-Site 3 colunas

De Wiki REDDES

Tabla de contenidos

Trabalhando com 3 colunas no BVS-Site

A disposição dos elementos da página principal do BVS-Site em 3 colunas é a opção recomendada para uniformizar o modelo de apresentaçãos das instâncias BVS. A versão 4.0.2 do aplicativo BVS-Site já esta configurado desta forma.

Mudando de 4 para 3 colunas no BVS-Site 4.0.1

Ajustes pelo módulo de administração do site

  • Passo 1: Use a opção Componentes da área de Estrutura do Admin e reorganize os componentes disponíveis na página de forma a mover todos os itens que estão abaixo da Quarta coluna para as colunas 1, 2 ou 3.
  • Passo 2: Apague o item Quarta Coluna na opção de Componentes
  • Repita os passos para os demais idiomas do site

Ajuste no arquivo de configuração do BVS-Site (procedimento de uso interno BIREME)

  • Adicionar no arquivo bvs-site-conf.php da instalação as seguintes linhas ao final do arquivo:
[PRESENTATION]
DISPLAY_PORTAL_WITH_3_COLUMNS=true

Ajuste no template php de visualização do site (procedimento externo)

  • Passo 1 : Edite o arquivo index.php que fica abaixo do diretório php/ da instalação do bvs-site e localize o div secondColumn e apague o div centerRightColumn, por exemplo :

de:

<div class="secondColumn">
    <? include($localPath['html'] . "/metasearch.html"); ?>     
    <div class="centerLeftColumn">
        <? 
            foreach ($site["col2"] as $id=>$file){
            $html = $localPath['html'] . $file . ".html";
            include($html);
            }
            flush();
        ?>
    </div>
    <div class="centerRightColumn">
        <? 
            foreach ($site["col3"] as $id=>$file){
            $html = $localPath['html'] . $file . ".html";
            include($html);
            }
            flush();
        ?>
    </div>
</div>

para:

<div class="secondColumn">
    <? include($localPath['html'] . "/metasearch.html"); ?>     
    <div class="centerLeftColumn">
        <? 
            foreach ($site["col2"] as $id=>$file){
            $html = $localPath['html'] . $file . ".html";
            include($html);
            }
            flush();
        ?>
    </div>
</div>

  • Passo 2: Neste mesmo arquivo localize a classe thirdColumn e altere na linha da instrução foreach $site["col4"] para $site["col3"] ficando:
<div class="thirdColumn">
    <? 
        foreach ($site["col3"] as $id=>$file){
        $html = $localPath['html'] . $file . ".html";
        include($html);
        }
        flush();
    ?>
</div>
Obs.1: Caso queira comentar o bloco ao invés de excluí-lo, tanto o código PHP, quanto o HTML devem ser comentados

Ajustes na CSS

No caso da instalação padrão, altere o arquivo layout.css da sua instalação que fica abaixo da pasta css/public/skins/classic/common/, caso esteja utilizando uma skin diferente (definida no bvs-site-conf.php) use o caminho css/public/skins/SUA_SKIN/classic/common/

  • Passo 1: Localize o seletor .middle .centerRightColumn e apague o conteúdo que esta entre { }, exemplo:

de:

.middle .centerRightColumn {
	float: right;
	width: 46%;
}

para:

.middle .centerRightColumn {
}
  • Passo 2: Localize o seletor .middle .centerLeftColumn e altere a largura para 100%, exemplo:

de:

.middle .centerLeftColumn {
	float: left;
	width: 53%;
	margin-right: .3em;
}

para:

.middle .centerLeftColumn {
	float: left;
	width: 100%;  
	margin-right: .3em;
}
Herramientas personales