Atelier de conception de tutoriels en ligne
   
       
 

La publication de la version pdf du tutoriel Concevoir son template et prévue cette semaine...

 
   
 
logo_fr Translate in English Ins Deutsche übersetzen Traducir al Español tradurre in italiano Vertaal in Nederlands Traduzir para Português Traduire en grec
Home arrow Tutoriels Templates Joomla! arrow : : Les positions de publication arrow 01. Publication des Modules arrow 1.5.4 Cas d'un argument $style = -2
Home
Actualités !
Joomla!draft
Road Map ! [Work in progress]
Tutoriels Templates Joomla!
Tutoriels Divers en vrac !
Trucs & Astuces !
Dossiers !
Ressources sur le WEB !
Annuaire !
Outils WEB !
Chercher ?
Sommaire du tutoriel :<br />Les positions de publication
1.5.4 Cas d'un argument $style = -2 Convertir en PDF Version imprimable Suggérer par mail
Les positions de publication - 01. Publication des Modules
Écrit par Jean Louis Servais   
13-02-2006
Image logo joomla!Joomla! 1.0.x
Nouvelle page 15/06/2006 : Retouche mise en forme.
19/06/2006 : Ajout représentation graphique.
19/06/2006 : Correction du premier commentaire dans la zone de code.
Note Le contenu de ce chapitre est très largement inspiré d'un article de la section Help publié sur le site : http://www.joomla.org/

Cette valeur de l'argument permet de présenter les modules dans le format de X-Joomla!. Le code ci-dessous illustre le traitement réalisé par Joomla! :
 
<!-- Début du module -->
<div class="moduletable[suffix]">
  <h3>Titre du module</h3>
  Contenu du module
</div>
<!-- Fin du module -->

La mention [suffix] indique qu'une classe facultative Module Class suffix peut être appliquée par l'intermédiaire des paramètres de module.
On remarque aussi que Joomla! utilise la balise <h3> pour l'affichage du titre du module. Ceci met en évidence l'utilité de définir les styles CSS pour cette balise.
Ceci peut être représenté graphiquement ainsi :
<div class="moduletable[suffix]"><!-- Début du module -->
<h3>
Titre du module
</h3>
Contenu du module
</div><!-- Fin du module -->

Les styles à utiliser sont donc :
 
div.moduletable {
  /* Style du contenu d'un module */
}
div.moduletable h3 {
  /* Style du titre d'un module */
}


Dernière mise à jour : ( 14-08-2008 )
 
< Précédent   Suivant >