Projet Socle ENT

Vous regardez une version antérieure (v. /wiki/spaces/ESUPMU/pages/110493713/Habillage+esup-3) de cette page.

afficher les différences afficher l'historique de la page

« Afficher la version précédente Vous regardez la version actuelle de cette page. (v. 5) afficher la version suivante »

Architecture des fichiers de ressources

Les fichiers servant à l'habillage du portail sont dans deux structures indépendantes :

Serveur de ressources

url : /ResourceServingWebapp

Contient les bibliothèques externes (tierces parties) de styles, scripts et icônes utilisées par uPortal

ResourceServingWebapp/rs


famfamfam

Icônes « silk » : http://www.famfamfam.com/lab/icons/silk/

fluid

Framework Fluid : http://www.fluidproject.org/ : Ensemble de CSS et composants JS

jquery

Bibliothèques jQuery

jquery-plugins

Plugin jQuery cookie

jquery-ui

Extension jQuery UI

tango

Icônes Tango : http://tango.freedesktop.org/Tango_Icon_Library

uPortal

contexte Tomcat : uPortal

Contient les bibliothèques internes (uPortal) de styles, scripts et icônes utilisées par uPortal

uPortal/media/skins/insa


hc

Fichiers css du skin « hc »

insa

Fichiers css du skin « insa »

images

Images propres au skin « insa »

common

Css et images communes à tous les skins

css

Feuilles de styles

images

Images et icônes

javascript

Scripts

Suite

Principe d'utilisation des styles

Styles "fluid" :

Préfixés par "fl-" : Ils servent à définir la position des éléments et leur rôle "général" : Par exemple :

<div class="fl-col-flex2">
   <div class="fl-col-flex50">
   ...
   </div>
   <div class="fl-col-flex50">
   ...
   </div>
</div>

Représente deux colonnes de taille égale

Les styles du framework "fluid" sont dans le serveur de ressources : /ResourceServingWebapp/rs/fluid : Ils ne sont pas à modifier

Complément uPortal à Fluid :

Ce sont des styles supplémentaires ajoutés au framework "fluid" par uPortal. Même rôle que les styles Fluid. Ils sont dans le contexte uPortal :

uPortal/media/skins/universality/common/css/layout.css

Styles uPortal propres au thème (skin) choisi par l'utilisateur :

Ils définissent la forme précise des éléments. Ils sont répartis dans 3 feuilles :

  • Styles utilisés par le portail : Ajout de styles et surcharge des styles FSS (toujours préfixés par .up). Contient les styles des éléments de structure du portail (en-tête, fenêtres, menus, etc.)

portal.css

  • Styles utilisés par les portlets : JSR-168 et styles ajoutés par uPortal. Contient les styles des éléments des portlets (titres, sous-titres, listes, messages, etc.)

portlet.css

  • Styles de compatibilité avec les anciennes versions d'uPortal (peuvent être encore utilisés par des canaux ou portlets)

legacy.css

  • Aucune étiquette