Pages enfant
  • 02 - Personnalisations de look

Comparaison des versions

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

...

Pour les portlets, il est conseillé de créer un sous-répertoire par portlet et de le diviser en répertoires pour les styles et pour les images de fond (background) des styles.

Par exemple, pour la portlet ma_portlet :

Pas de format

 ma_portlet
	media
		<images de fond des styles>
	css
		ma_portlet.css <= feuille de style de la portlet

   

Les portlets ne devraient pas appeler leurs feuilles de style. Les feuilles de styles des portlets devraient être appelés par le portail, en les incluant dans la feuille de base du thème

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.

...

Bloc de code
<div class="portlet clearfix customImap" id="portletContent_u104l1n5242">
....
</div>

Il est donc pratique (et conseillé) de préfixer systématiquement chaque style de canal ou de portlet par son nom fonctionnel. Ceci évite les interactions malheureuses entre styles de canaux différents.

Exemple : le style

Bloc de code

.esup-mondossierweb .portlet-section-header
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}


La feuille XSL

Si vous voulez modifier la structure de la page (HTML) vous devez modifier la XSL de rendu du portail.

...