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
Styles uPortal :
Ils définissent la forme précise de l'élément