[RÉGLÉ] Afficher l'article sur toute la largeur de la page s'il n'y a pas de module

[Joalland]

Bonjour,

Je débute avec Joomla 2.5

Certaines de mes pages contiennent des modules à gauche et à droite ( surtout à droite ) et d'autres n'en contiennent pas.

Comment puis-je faire en sorte que lorsque la page ne contient pas de module à gauche ou à droite, l'article présenté s'affiche sur toute la largeur de la page ?

Car en l'état, l'article se colle à gauche...

Voici une capture d'écran :

Merci d'avoir lu mon poste !

[al1pb]

Re : Afficher l'article sur toute la largeur de la page s'il n'y a pas de module

Bonjour,

Tout se passe dans le template, il faut faire des appels de modules conditionnel.

Va voire ce tuto qui va un peu t'éclairer...

[Joalland]

Re : Afficher l'article sur toute la largeur de la page s'il n'y a pas de module

Merci, voici le passage en question pour les intéressés.
Un peu "complexe" à adapter à beez_20, toute fois... Il faut créer de nouvelles classes CSS, tout cela.



Largeur de colonne centrale adaptable

Pour l'instant on a juste créé 3 colonnes : gauche, centre et droite. Pour ajouter de la flexibilité à
notre template on va faire en sorte que si aucun module n'est publié à droite, la colonne centrale
s'élargit pour prendre le reste de la place.

Si on a un module au moins publié à droite, la colonne centrale fait 590px.
Si aucun module n'est publié à droite, la colonne centrale fait 790px.

Ce que l'on va devoir faire, c'est tester le chargement de module dans 'droite' (position-6) avec

$this->countModules('position-6') 

Cette fonction renvoit le nombre de modules publiés dans la position.
On l'utilise pour l'intégrer dans une condition PHP, et assigner une classe CSS qui nous permettra de
fixer les tailles :

<?php
$centreclass = 'large';
if ($this->countModules('position-6')) :
$centreclass = 'normal';
endif;
?>

On insère le code juste avant la balise </head>.

Ensuite on utilise la variable $centreclass dans la classe du <div> concerné :

<div id="centre" class="<?php echo $centreclass; ?>">
<div class="interne">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>

Dans les CSS on pourra identifier le bloc de la manière suivante :

#centre.normal {
float: left;
width: 590px;
}
#centre.large {
float: left;
width: 790px;
}

Et on ajoute aussi la condition pour l'insertion de la colonne de droite, sinon ça risque de nous poser
des soucis d'affichage même si elle est vide.

<?php if ($this->countModules('position-6')) : ?>
<div id="droite">
<jdoc:include type="modules" name="position-6" style="xhtml" />
</div>
<?php endif; ?>

[dede17]

Re : Afficher l'article sur toute la largeur de la page s'il n'y a pas de module

Ça doit dépendre des templates, sur tous ceux que j'ai utilisé je n'ai jamais rien modifié dans le CSS et ça a toujours marché sans ça. Pas de module l'article s'étale