Layout de blog: configurando colunas

Colunas

A partir da versão 1.6 houve uma mudança grande na forma que as colunas são montadas na página principal e em toda a página que é configurada para usar o layout de blog.Até a versão 1.5, Joomla usava tabelas para criar essas colunas e linhas. Nas versões seguintes adotou-se a formatação via CSS, ou seja, além de configurar para o número de colunas e linhas desejados, é preciso ter preparadas as classes que montarão as tabelas.

Várias pessoas acostumadas com a versão 1.5 que começam a montar seus templates não entendem de imediato por que as colunas não aparecem ao configurar o layout de blog no administrador.

O primeiro passo é copiar e colar o código abaixo em seu arquivo template.css ou no arquivo de folha de estilos que for usado para formatar seu site.

/* FORMATACAO PARA 1 COLUNA */
.cols-1 {
   display: block; 
   float: none !important; 
   margin: 0 !important;}
/* FORMATACAO PARA 2 COLUNAS */
.cols-2 .column-1 {
   width:46%; 
   float:left;}
.cols-2 .column-2 {
   width:46%; 
   float:right; margin:0}
/* FORMATACAO PARA 3 COLUNAS */
.cols-3 .column-1 {
   float:left; 
   width:29%; 
   padding:0px 5px; 
   margin-right:4%; 
   border: 1px solid #000;}
.cols-3 .column-2 {
   float:left; 
   width:29%; 
   margin-left:0; 
   padding:0px 5px; 
   border: 1px solid #000;}
.cols-3 .column-3 {
   float:right; 
   width:29%; 
   padding:0px 5px; 
   border: 1px solid #000;}

.items-row {
   overflow:hidden; 
   margin-bottom:10px !important;}

.column-1,
.column-2,
.column-3 {padding:10px 5px;}

.column-2 {width:55%; margin-left:40%;}

.column-3 {width:30%}

.blog-more {padding:10px 5px}

Feito isso, dentro do administrador do Joomla, vá para Conteúdo > Gerenciador de Artigos e clique no ícone Opções no canto superior direito da página.

No popup que se abre, clique na aba Layout de Blog/Destaques. Veja o que é cada campo:

# Artigos Principais – número de artigos que aparecerão como manchete (em uma coluna)
# Introdução Artigos – número de artigos que aparecerão como destaque
# Colunas – número de colunas que em que os destaques aparecerão. A formatação acima permite configurar até 3 colunas
# Links – número de links para artigos que aparecem após os destaques.

Salve. Por padrão, toda página que seguir o layout de blog (Ex.: a home-page) seguirá essa configuração.

Se tiverem dúvidas, escrevam nos comentários abaixo.

 

Related Posts with Thumbnails
photo by: Yersinia
Be Sociable, Share!

3 thoughts on “Layout de blog: configurando colunas

  • 19/08/2014 à 17:39
    Lien Permanent

    Amigo e se eu quiser colocar 2 colunas abaixo das duas ? é possivel ?

    Répondre
    • 21/08/2014 à 00:45
      Lien Permanent

      Erick, não entendi muito bem o porque você faria isso. Se for realmente necessário, sugiro ter disponível uma posição para módulos logo abaixo do jdoc:component e buscar a solução que seja melhor para seu projeto.

      Répondre

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>