Eu sou muito leigo em programação mas tentei arriscar um código mas infelizmente deu errado...
Estou criando um template onde preciso de 3 modulos um ao lado do outro. Mas gostaria que quando um deles não estivessem ativos os outros ficassem com 50% de largura cada... se os 3 estiverem ativados cada um deles ficassem com 33%¨, então tentei desenvolver esse código apartir de um outro que eu peguei mas infelizmente não está dando certo..
Será que alguem pode me ajudar?
Este é o código:
Código: Selecionar todos
<?php
if($this->countModules('modulo-1 and modulo-2 and modulo-3') == 1) $modulo_width_ = "33"; // se modulo 1, modulo 2 e modulo 3 estiverem ativos = 33% para cada 1
if($this->countModules('modulo-1 or modulo-2 or modulo-3') == 1) $modulo_width_ = "100"; // se modulo 1 ou modulo 2 ou modulo 3 estiverem ativos = 100% para o que estiver ativo
if($this->countModules('modulo-1 and modulo-2') == 1) $modulo_width_ = "50"; // se modulo 1 ou modulo 2 estiver ativo os dois estarão com 50%¨cada
if($this->countModules('modulo-1 and modulo-3') == 1) $modulo_width_ = "50"; // se modulo 1 ou modulo 3 estiver ativo os dois estarão com 50%¨cada
if($this->countModules('modulo-2 and modulo-3') == 1) $modulo_width_ = "50"; // se modulo 2 ou modulo 3 estiver ativo os dois estarão com 50%¨cada
?>
Código: Selecionar todos
<?php if($this->countModules('modulo-1')) : ?>
<div id="modulo_width_<?php echo $modulo_width_; ?>">
<jdoc:include type="modules" name="modulo-1"/>
</div>
<?php endif; ?>
<?php if($this->countModules('modulo-2')) : ?>
<div id="modulo_width_<?php echo $modulo_width_; ?>">
<jdoc:include type="modules" name="modulo-2"/>
</div>
<?php endif; ?>
<?php if($this->countModules('modulo-3')) : ?>
<div id="modulo_width_<?php echo $modulo_width_; ?>">
<jdoc:include type="modules" name="modulo-3"/>
</div>
<?php endif; ?>
E este é o CSS:
Código: Selecionar todos
#modulo_width_33
{
width:25%;
float:left;
padding:10px;
margin:10px 0;
}
#modulo_width_50
{
float:left;
margin: 0 5px 0 0;
overflow:hidden;
padding:10px 5px;
text-align:justify;
width:46%;
}
#modulo_width_100
{
float:left;
margin: 0 5px 0 0;
overflow:hidden;
padding:10px 5px;
text-align:justify;
width:100%;
}
Alguem pode me ajudar?
Desde já agradeço!