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.?? Styles des pages de type blog
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.?? Styles des pages de type blog 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   
08-05-2006
Image logo joomla!Joomla! 1.0.x
Nouvelle page 08/05/2006 : Première mise en ligne.
Page en revision 08/05/2006 : Cette page n'est pas terminée :
- Sa position dans le chapitre reste à définir...

Ces styles sont mis en oeuvre dans les pages générées par les liens de menus suivants :
 
  • Component - Frontpage
  • Blog - Content Section
  • Blog - Content Category
  • Blog - Content Section Archives
  • Blog - Content Category Archives

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

/* ========================================================= */
/*  STYLES JOOMLA DES PAGES DE TYPE BLOG                     */
/* --------------------------------------------------------- */
.blog {
/* Style du conteneur des articles d'un blog */
}
.blog_more {
/* Style du titre de la liste des articles en fin de blog */
}
.blogsection {
/* Style général de l'index des articles en fin de blog */
}
a.blogsection:link {
/* Liens dans l'état normal de la liste des articles en fin de blog */
}
a.blogsection:visited {
/* Liens déjà visités de la liste des articles en fin de blog */
}
a.blogsection:hover {
/* Liens de la liste des articles en fin de blog lors du survol avec la souris */
}
.article_seperator {
/* Séparateur d'écartement vertical entre 2 articles d'un blog */
   display: block;
   height: 10px;
}


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