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