...
<nom-du-skin>.css | feuille de base qui importe les autres. c'est la seulle feuille à être référencée directement par la page HTML |
xxx_standard.css | styles des balises standard HTML et des styles uPortal |
xxx_preferences.css | styles utilisés par le canal "préférences" |
header.css | styles de la partie header (bandeau du haut avec logo et menu) |
navigation.css | styles utilisés pour les onglets et menus |
channels.css | feuilles destinée à contenir les styles spécifiques aux canaux de votre portail |
Vous pouvez bien sûr choisir une autre organisation. Il est conseillé de conserver le principe d'une feuille qui importe les autres.
Styles des canaux et portlets
Pour les canaux autres que les portlets, il est conseillé de placer les styles dans channels.css (voire de découper en plusieurs feuilles selon le nombre)
Pour les portlets, il est conseillé de créer un sous-répertoire par portlet et
Lors de la transformation en page HTML, uPortal encadre systématiquement chaque canal affiché par une balise DIV ayant pour classe le nom fonctionnel (fName) du canal.
Exemple : le canal qui a pour nom customImap sera présenté ainsi :
| Bloc de code |
|---|
<div class="portlet clearfix customImap" id="portletContent_u104l1n5242">
....
</div>
|
La feuille XSL
Si vous voulez modifier la structure de la page (HTML) vous devez modifier la XSL de rendu du portail.
...