Catégorie:Développement de skins : Différence entre versions
(Nouvelle page : == Description == Un skin est le terme utilisé dans OVIDENTIA pour désigner un thème graphique. On dit d'un skin qu'il est l'habillage d'un site (skin = peau en anglais), c'est ...) |
|||
| Ligne 24 : | Ligne 24 : | ||
== Administration des skins dans OVIDENTIA == | == Administration des skins dans OVIDENTIA == | ||
| + | |||
| + | === Administration === | ||
| + | |||
| + | Il est préférable que le skin soit intégré en tant que module. Si c'est la cas, il est visible dans la liste des modules de la section administration. Il peut être chargé avec un fichier zip ou alors supprimé directement à partir de la liste. | ||
| + | |||
L'administrateur définit dans la configuration du site (Section Administration/Sites/nom du site/Configuration du site) le skin qui sera utilisé par les utilisateurs anonymes. | L'administrateur définit dans la configuration du site (Section Administration/Sites/nom du site/Configuration du site) le skin qui sera utilisé par les utilisateurs anonymes. | ||
[[Image:Optsite.jpg]] | [[Image:Optsite.jpg]] | ||
| + | |||
| + | |||
| + | Les skins présents sur le serveur apparaissent dans la liste déroulante ainsi qu'une liste des styles css | ||
| + | associés à chaque skin. En effet, un skin peut proposer plusieurs feuilles css afin de gérer des modifications | ||
| + | minimes de couleurs, des tailles de polices différentes... | ||
| + | |||
| + | Remarque : | ||
| + | |||
| + | Cette configuration n'a d'effet que sur les pages en mode anonyme. En mode authentifié, chaque utilisateur a | ||
| + | la possibilité de choisir son skin depuis ces options personnelles (voir ci-dessous). Pour supprimer cette | ||
| + | option et ainsi empêcher le choix du skin par les utilisateurs, l'administrateur peut désactiver l'option | ||
| + | 'L'utilisateur peut modifier son skin dans la configuration du site (Section Administration/sites/nom du | ||
| + | site/Options de l'utilisateur). | ||
| + | |||
| + | === Options de l'utilisateur === | ||
| + | |||
| + | En section Utilisateur, lien Options, l'utilisateur a la possibilité de définir le skin qui sera utilisé pendant sa | ||
| + | navigation sur le site en mode authentifié. Cette possibilité est rendue active par l'administrateur. | ||
| + | |||
| + | |||
| + | == Créer son skin == | ||
| + | |||
| + | OVIDENTIA utilise la norme XHTML et le doctype 'XHTML 1.0 Transitional' pour toutes ces pages Web. Veuillez à respecter cette norme ; des outils peuvent valider vos pages (ex. : http://validator.w3.org). Veuillez à ne mettre aucune référence en absolue dans vos pages Web : le nom de votre skin ou l'adresse Web de votre site ne doit pas figurer dans votre code. Dans le cas contraire, la modification future du nom de domaine de votre site ou du nom du skin causerait des problèmes. | ||
| + | |||
| + | Exemple avec une image : | ||
| + | |||
| + | Syntaxe correcte : | ||
| + | <source lang="html"> | ||
| + | <img src="skins/{ babSkin }/images/bandeau.jpg" alt="" title=""> | ||
| + | </source> | ||
| + | |||
| + | Syntaxe incorrecte : | ||
| + | <source lang="html"> | ||
| + | <img src="skins/monskin/images/bandeau.jpg" alt="" title=""> | ||
| + | </source> | ||
| + | |||
| + | Ici, la variable globale babSkin est utilisée pour remonter le nom du skin courant dans un fichier template. | ||
| + | |||
| + | Afin de rester compatible avec les dernières évolutions d'OVIDENTIA, les fichiers templates dits "non modifiables" ne doivent pas être modifiés. Voir la liste des fichiers templates en annexe pour plus de détails. | ||
Version du 10 novembre 2008 à 10:19
Sommaire
Description
Un skin est le terme utilisé dans OVIDENTIA pour désigner un thème graphique. On dit d'un skin qu'il est l'habillage d'un site (skin = peau en anglais), c'est à dire une couche graphique qui n'influe pas sur le traitement des données. Il rassemble tous les éléments graphiques et les règles d'affichage : images, mises en forme (fichiers CSS), templates, modèles d’affichage...
Structure d'un skin
Afin d'être reconnu comme un skin dans l'administration du site et afin de personnaliser les templates, les pages d'accueil et les styles, un skin doit contenir les répertoires suivants :
- images : par convention, ce répertoire rassemble toutes les images (bandeau, puces...)
- ovml : rassemble tous les fichiers du langage OVML (private.html, public.html...)
- styles : contient les fichiers css styles (ovidentia.css)
- templates : contient les fichiers templates personnalisés (page.html, sectiontemplate.html...)
Remarque : seuls les répertoires ovml, styles et templates sont nécessaires au fonctionnement d'un skin, d'autres répertoires peuvent être ajoutés pour séparer les applications flash des librairies javascript, etc...
Administration des skins dans OVIDENTIA
Administration
Il est préférable que le skin soit intégré en tant que module. Si c'est la cas, il est visible dans la liste des modules de la section administration. Il peut être chargé avec un fichier zip ou alors supprimé directement à partir de la liste.
L'administrateur définit dans la configuration du site (Section Administration/Sites/nom du site/Configuration du site) le skin qui sera utilisé par les utilisateurs anonymes.
Les skins présents sur le serveur apparaissent dans la liste déroulante ainsi qu'une liste des styles css
associés à chaque skin. En effet, un skin peut proposer plusieurs feuilles css afin de gérer des modifications
minimes de couleurs, des tailles de polices différentes...
Remarque :
Cette configuration n'a d'effet que sur les pages en mode anonyme. En mode authentifié, chaque utilisateur a la possibilité de choisir son skin depuis ces options personnelles (voir ci-dessous). Pour supprimer cette option et ainsi empêcher le choix du skin par les utilisateurs, l'administrateur peut désactiver l'option 'L'utilisateur peut modifier son skin dans la configuration du site (Section Administration/sites/nom du site/Options de l'utilisateur).
Options de l'utilisateur
En section Utilisateur, lien Options, l'utilisateur a la possibilité de définir le skin qui sera utilisé pendant sa navigation sur le site en mode authentifié. Cette possibilité est rendue active par l'administrateur.
Créer son skin
OVIDENTIA utilise la norme XHTML et le doctype 'XHTML 1.0 Transitional' pour toutes ces pages Web. Veuillez à respecter cette norme ; des outils peuvent valider vos pages (ex. : http://validator.w3.org). Veuillez à ne mettre aucune référence en absolue dans vos pages Web : le nom de votre skin ou l'adresse Web de votre site ne doit pas figurer dans votre code. Dans le cas contraire, la modification future du nom de domaine de votre site ou du nom du skin causerait des problèmes.
Exemple avec une image :
Syntaxe correcte : <source lang="html">
<img src="skins/{ babSkin }/images/bandeau.jpg" alt="" title="">
</source>
Syntaxe incorrecte : <source lang="html">
<img src="skins/monskin/images/bandeau.jpg" alt="" title="">
</source>
Ici, la variable globale babSkin est utilisée pour remonter le nom du skin courant dans un fichier template.
Afin de rester compatible avec les dernières évolutions d'OVIDENTIA, les fichiers templates dits "non modifiables" ne doivent pas être modifiés. Voir la liste des fichiers templates en annexe pour plus de détails.
Pages dans la catégorie « Développement de skins »
Cette catégorie contient 8 pages, dont les 8 ci-dessous.
