|
11.2 Les styles CSS du corps du site |
|
|
|
|
Concevoir son template -
11. Le corps du site
|
|
Écrit par Jean Louis Servais
|
|
05-02-2006 |
 | Joomla! 1.0.x |
 |
16/04/2006 : Retouche de la présentation.
01/08/2006 : Correction des 3 premiéres lignes du code CSS.
|
Avant toute chose, nous vous conseillons de copier les styles CSS proposés sans chercher à apporter de modifications. Un template, c'est un peu comme une maison. Il faut d'abord construire les fondations, les murs et le toit avant d'apposer la peinture sur la façade.
Une fois le squelette du template terminé, vous aurez tout loisir de modifier les styles CSS à votre convenance avec les spécifications CSS du W3C bien en vue.
Prenez aussi le temps de constater le résultat de chaque ajout de style CSS dans les principaux navigateurs.
Voici donc les 3 styles à placer à la fin de votre feuille de style :
|
#column1 {
background-color: #B0C4DE;
width: 160px;
}
#column2 {
background-color: White;
border-right: 2px solid #B0C4DE;
padding: 0px 0px 0px 4px;
width: auto;
}
#column3 {
background-color: #FFFFFF;
padding: 0px 0px 0px 4px;
border-right: 2px solid #B0C4DE;
width: 160px;
}
|
Nous ne donnerons pas d'explications sur les propriétés des styles ci-dessus. La plupart d'entre elles ont été commentées dans les chapitres précédents. Si vous ne connaissez pas l'une d'entre elle alors tapez css +wc3 dans votre moteur de recherche et sélectionnez les pages en français.
Et c'est avec une frénésie empreinte d'une inquiétude grandissante que vous vous précipitez dans votre navigateur pour voir à quoi il ressemble ce template.
Déjà de retour et en plus complètement consterné. Les trois colonnes sont bien présentes et avec les bonnes largeurs, mais aucune trace des modules et des composants.
Evidemment, vous pouvez être déçu, nous n'avons encore pas placé les positions d'affichage des modules et l'emplacement de publication des composants.
 Participez à cette page !
|
|
Dernière mise à jour : ( 01-08-2006 )
|
