Contenu | | | Accueil | Plan du site | Contactez-nous

Des modules positionnés en fonction de la langue du site

Vous utilisez Jooom!Fish pour développer votre site multilingue et vous souhaitez que, selon la langue, vos modules soient positionnés différemment: cette astuce est pour vous.

 

Cette astuce est particulièrement utile si vous utilisez des langues comme  l'arabe ou l'hébreu qui se lisent de de droite à gauche, mais elle peut aussi, tout simplement, permettre de positionner tout type de module en fonction de la langue du site. A vous de l'adapter selon vos besoins.

 

Tout d'abord prenons un petit exemple tout simple de template trois colonnes. Voici son code:


<div id="col-gauche">
<?php mosLoadModules ( 'left'  , -2 ); ?>
<div>

<div id="contenu">
<?php mosMainBody(); ?>
<div>

<div id="col-droite">
<?php mosLoadModules ( 'right'  , -2 ); ?>
<div>

Maintenant voici le code modifié qui permet d'inverser les colonnes selon la langue. Je prends en exemple le français et l'arabe mais cela fonctionne avec n'importe quelle langues.

<div id="col-gauche">
<?php
if ($mosConfig_lang== french ) {mosLoadModules ( 'left', -2 );}
if ($mosConfig_lang== arabic ) {mosLoadModules ( 'right', -2 );}
?>
<div>

<div id="contenu">
<?php mosMainBody(); ?>
<div>

<div id="col-droite">
<?php
if ($mosConfig_lang== french ) {mosLoadModules ( 'right', -2 );}
if ($mosConfig_lang== arabic ) {mosLoadModules ( 'left', -2 );}
?>
<div>

On aurait pu aussi écrire:

 

<?php
if ($mosConfig_lang== arabic ) {mosLoadModules ( 'right', -2 );}
else {mosLoadModules ( 'left', -2 );}
?>

Il est bien évident que cette astuce peut s'appliquer à tous les types de positions et qu'elle ne concerne pas seulement les problèmes relatifs au sens de lecture.

 

Pensez aussi à changer le lien à la feuille de style en fonction de la langue pour aligner le texte correctement.

 

Dernière mise à jour : ( 02-08-2006 )

remonter en haut de la page

Accueil fleche Ressources pour Joomla! fleche Des modules positionnés en fonction de la langue du site
xhtml 1.0 | css 2 | WCAG - Priority 3 | section 508 | Accessibilité | Crédits