Joomla! Discussion Forums

Todos os usuários Joomla sabe que os artigos exibidos, ficam um embaixo do outro, exceto quando o usuário prefere exibir a página principal em 2 ou 3 colunas (não me refiro ao layout do template em 2 ou 3 colunas, mas sim, apenas na "main page")...

Por um tempo, andei pesquisando, perguntando em comunidades no orkut, em como colocar os artigos em "box". Depois de tanto "fuçar", acabei conseguindo fazer isto, um exemplo, você pode ver no Joomla BR: http://www.joomlabr.net

Nomalmente nos templates, até fazem o "box" na mainpage, mas os artigos acabam ficando agrupados, um abaixo do outro, separados apenas pelo Título.

Vamos lá... você também pode fazer, aconselho fazer uma cópia da pasta com_content, caso ocorra algum erro, ou você não tenha gostado do resultado final.

Vamos "hackear" apenas o arquivo "content.html.php", por que é nele que se encontram os scripts de exibição dos artigos.... Este arquivo se encontra na pasta /components/com_content

Abra o content.html.php em um editor php, na linha 433 é onde inicia o script para a exibição do ítem de conteúdo: * Show a content item. E logo mais abaixo, na linha 463 é que inicia os scripts de exibição de toda a configuração do ítem de conteúdo: displays Item Title -  displays PDF Icon... e assim por diante...

Perceba que linha 462 está vazia, assim, aperte "Enter" para abrir espaço para ser adicionadas as seguintes linhas:

462
463          ?>
464
467
468       

Humm... bom resultado! Demorei um pouco, mas vi agora e adicionei ao FAQ. Quando fizer mais algum desses pode me dar um toque que eu acrescento lá =]

Olha, quando eu vi isso no seu navegador, pensei que teria feito usando fieldset, que só muda um pouco a aparência de navegador para navegador. Agora estou usando o FF 2.0.08 no ubuntu e aparem com os cantos mai quadrados, mas no IE creio que vão aparecer exatamente como você fez com imagens.

Tem um post que ensina como colocar estilo no elemento fieldset com CSS.

Conforme o que o programador quer fazer, talvez prefira usar algo como



A diferença nesse caso seria que o título ocuparia parte do topo da 'div' ou 'tabela' e que haveria um pouco menos de código fonte para fazer a mesma coisa.

//adicionado

Vi agora que no IE, e praticamente somente nele, conforme o FieldSet que for colocado, vai dar problema. É uma questão de dar uma testada antes e tenrar evitar erros que a miscrosoft cometeu ¬¬