Olá pessoal. Depois de muito pesquisar, encontrei um texto bem interessante sobre o meu problema. Antes, relato meu problema.
No site em Joomla que estou fazendo, a coluna left é um pouco menor - em largura - que a coluna right. Apenas desejo que as duas sejam do mesmo tamanho. Desejo que elas possuam uma largura fixa igual entre as duas, já que o site possui uma largura total fixa.
Pois bem. Este texto aqui meio que explica, mas não resolve. Leiam, por favor.
"Larguras Variáveis de Página
O design discutido aqui é de página fluida. Ele irá ser redimensionado com a janela do navegador mantem uma margem de 10% do lado direito e do lado esquerdo. Mesmo que nós tenhamos configurado a largura das colunas em porcentagens, nós também podemos definir um valor fixo para a largura mudando o #width para um número absoluto. Fazendo layout desse modo significa mais flexibilidade. É possível mudar a largura da página editando apenas uma linha."
Como o meu template não possui largura fluida, o que fiz foi tentar procurar o arquivo onde eu poderia alterar o #width. Claro que não encontrei nada. Pesquisando mais um pouco, encontrei o seguinte texto:
"Especificação condicional para a largura da área de conteúdo: se não houver conteúdo nas colunas esquerda e direita [('left and right') == 0)], a área do conteúdo será de 100%; se houver conteúdo em apenas uma das colunas, esquerda ou direita [('left or right') == 1)], a área do conteúdo será de 80%, e se houver conteúdo em ambas as colunas esquerda e direita [('left and right') == 1)], o conteúdo terá a largura de 60%."
O código do qual o texto acima se refere é este aqui:
________
<?php
if($this->countModules('left and right' == 0) $contentwidth = "100";
if($this->countModules('left or right' == 1) $contentwidth = "80";
if($this->countModules('left and right' == 1) $contentwidth = "60";
?>
________
E agora, amigos? O que fazer?
Não consegui encontrar o arquivo, seja ele qual for.
Para explicar melhor minha situação, postei algumas imagens das pastas do meu template no Windows. Assim, poderão ver todos os arquivos de configuração. Se alguém desejar os arquivos de configuração do meu template em Joomla, que é o Evolution da YOOTheme, eu envio em formato RAR.
O link é este: http://www.flickr.com/photos/indefecty
Lembrando que a largura do meu template é fixa.
Abraços e POR FAVOR, me ajudem.
Largura das colunas left e right
Re: Largura das colunas left e right
Mais novidades. Encontrei alguma coisa no arquivo index.php na pasta do template.
Vejam:
________
<!-- top end -->
<?php endif; ?>
<div id="middle">
<div class="background">
<?php if($this->countModules('left') : ?>
<div id="left">
<div id="left_container" class="clearfix">
<jdoc:include type="modules" name="left" style="yoo" />
</div>
</div>
<!-- left end -->
________
Este código acima seria - ao meu ver - o responsável pela coluna left. Logo em seguida, segue o código da coluna right:
________
<!-- maintop end -->
<?php endif; ?>
<div id="mainmiddle" class="floatbox">
<?php if($this->countModules('right' && !class_exists('JEditor') : ?>
<div id="right">
<div id="right_container" class="clearfix">
<jdoc:include type="modules" name="right" style="yoo" />
</div>
</div>
<!-- right end -->
________
Bem, pessoal. Mais notícias. Lendo o código, percebi que o estilo das colunas é definido pelo arquivo "modules". Vejam:
__________
<?php if($this->countModules('right' && !class_exists('JEditor') : ?>
<div id="right">
<div id="right_container" class="clearfix">
<jdoc:include type="modules" name="right" style="yoo" />
__________
Fui no tal arquivo e contrei o seguinte código. Vejam:
__________
/*
* space for adjoining modules
*/
.separator div.module {
margin: 0px 10px 0px 0px;
}
#left div.module,
#right div.module {
margin: 0px 0px 10px 0px;
}
#top .topblock div.module {
margin: 10px 0px 0px 0px;
}
#bottom .bottomblock div.module {
margin: 0px 0px 10px 0px;
}
__________
Vejam isso:
__________
#left div.module,
#right div.module {
margin: 0px 0px 10px 0px;
__________
Complicou mais ainda. Mas a minha busca não pode parar.
Quem se interessar em me ajudar, seja bem vindo.
Abraços!
Vejam:
________
<!-- top end -->
<?php endif; ?>
<div id="middle">
<div class="background">
<?php if($this->countModules('left') : ?>
<div id="left">
<div id="left_container" class="clearfix">
<jdoc:include type="modules" name="left" style="yoo" />
</div>
</div>
<!-- left end -->
________
Este código acima seria - ao meu ver - o responsável pela coluna left. Logo em seguida, segue o código da coluna right:
________
<!-- maintop end -->
<?php endif; ?>
<div id="mainmiddle" class="floatbox">
<?php if($this->countModules('right' && !class_exists('JEditor') : ?>
<div id="right">
<div id="right_container" class="clearfix">
<jdoc:include type="modules" name="right" style="yoo" />
</div>
</div>
<!-- right end -->
________
Bem, pessoal. Mais notícias. Lendo o código, percebi que o estilo das colunas é definido pelo arquivo "modules". Vejam:
__________
<?php if($this->countModules('right' && !class_exists('JEditor') : ?>
<div id="right">
<div id="right_container" class="clearfix">
<jdoc:include type="modules" name="right" style="yoo" />
__________
Fui no tal arquivo e contrei o seguinte código. Vejam:
__________
/*
* space for adjoining modules
*/
.separator div.module {
margin: 0px 10px 0px 0px;
}
#left div.module,
#right div.module {
margin: 0px 0px 10px 0px;
}
#top .topblock div.module {
margin: 10px 0px 0px 0px;
}
#bottom .bottomblock div.module {
margin: 0px 0px 10px 0px;
}
__________
Vejam isso:
__________
#left div.module,
#right div.module {
margin: 0px 0px 10px 0px;
__________
Complicou mais ainda. Mas a minha busca não pode parar.
Quem se interessar em me ajudar, seja bem vindo.
Abraços!