Xrousse.org

Css
Xrousse
Lynx

Beryo, système de publication pour le web

Personnaliser la charte graphique à l'aide de CSS (à finaliser)

Publié par Yo' le lundi 27 février 2006

Sommaire

Principe général
Architecture des feuilles de style
Champs dynamiques d'un template : les tokens
Tokens spéciaux et traitement d'affichage
Quelques exemples de Templates

Principe général

Le système Béryo s'appuie sur le duo Xhtml / Css 2.0 pour la mise en page du site. Cela a l'avantage, outre le faite de respecter les standards du W3C et donc de s'afficher de manière identique dans tous les navigateurs web dignes de ce nom, de totalement séparer le fond de la forme et de faciliter ainsi la dissociation des tâches applicatives / graphismes.

Le répertoire des feuilles de style est le répertoire css/, chaque sous-répertoire définissant un style du site. Le style par défaut de Beryo est le style 'Default', localisé dans le répertoire css/default/. Il est vivement conseillé de faire une copie de ce répertoire avant toute modification des feuilles de style.

Sommaire

Architecture des feuilles de style

Par souci de clarté, chaque style Beryo est défini d'une manière identique, mais rien ne vous empêche d'adopter une architecture différente :

Fichier / répertoireDescription |
position.cssfeuille de style définissant les positions des principaux blocs du site |
graphism.cssElements de style html standard pour tous les blocs |
element.cssEléments de style html spécifiques à certains blocs |
modules.cssEléments de style html des modules (définitions html) |
wiki.cssEléments de style html de la classe 'wiki' |
pics/Contient les images spécifiques aux feuilles de style |

Sommaire

Imprimé depuis http://www.xrousse.org - Le contenu de ce site est sous license Creative Commons Paternité 2.0. (http://creativecommons.org/licenses/by/2.0/fr)