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 : : Concevoir sa feuille de styles arrow 2. Déclaration des Styles CSS arrow 2.03 Les styles des images
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 />Concevoir sa feuille de style
2.03 Les styles des images Convertir en PDF Version imprimable Suggérer par mail
Concevoir sa feuille de styles - 2. Déclaration des Styles CSS
Écrit par Jean Louis Servais   
05-05-2006
Image logo joomla!Joomla! 1.0.x
Nouvelle page 05/05/2006 : Première mise en ligne.
07/05/2006 : Correction orthographique et harmonisation des sous-titres.
Page en revision 05/05/2006 : Concernant le style table.moduletable img : .moduletable img permet d'atteindre les images dans plus de types de publication. Il conviendfrait de généraliser ceci à l'ensemble des cas en donnant toutes les solution. Faire un paragraphe spécifiquement sur ce point (atteindre les images d'un module...).

Il me semble plus intéressant de regrouper les styles liés aux images. Ceci afin de permettre une meilleure cohérence de leurs restitutions. C'est pour cette raison que le style img est placée dans cette partie au lieu de celle des balises xhtml.
Bien évidement, vous pouvez opter pour une autre répartition.

Voici un modèle des déclarations à insérer dans la feuille de styles CSS de votre template :
 

/* ===================================================== */
/*  STYLES DES IMAGES                                    */
/* ----------------------------------------------------- */

img {
/* Style général des images insérées avec la balise img */
}
.mosimage {
/* Style des images placées avec le bot mosimage */
}
.mosimage_caption {
/* Légendes des images placées avec le bot mosimage */
}
table.moduletable img {
/* style des images incluses dans les modules */
/* Cas d'une publication des modules par défaut */
}


Commentaires :
  • Le style img affecte toutes les images.
  • Dans le cas des styles .mosimage et .mosimage_caption, il convient de ne pas définir les propriétés correspondantes aux attributs qui peuvent être associées lors de la déclaration de l'image dans le backend.
  • Si vous utilisez la rubrique Module Class Suffix dans l'édition des modules alors vous pouvez définir les styles correspondants table.moduletable-suffix img.

Image Participez à cette page !
Dernière mise à jour : ( 12-07-2006 )
 
< Précédent   Suivant >