Personnalisation de l'habillage du portail

La majorité des paramètres (couleurs, polices, marges) qui définissent la présentation de la page du portail sont déterminés via le fichier LayoutSettings.xsl.

Vous pouvez accéder à cinq fichiers de feuille de style pour modifier facilement les différents composants de Novell Portal Services (NPS) : branding_area.xsl, inheritable_area.xsl, object_scheme.xsl, gadget_frame.xsl et LayoutSettings.xsl. Ces fichiers sont situés dans chaque répertoire d'habillage.

Pour afficher la liste des contenus de fichiers, reportez-vous à l'Fichiers de feuille de style Novell Portal Services. En outre, l'en-tête de la zone de la marque de la page du portail est contenu dans le fichier branding_area.xsl.

  1. Créez un sous-répertoire dans le répertoire webapps\nps\portal\stylesheets\skins pour y placer les fichiers de votre vue personnalisée.

    IMPORTANT :  Les commandes et les fichiers distinguent tous les minuscules des majuscules.

    Vous pouvez par exemple appeler le nouveau répertoire perso1.

  2. Effectuez l'une des opérations suivantes :

    • Copiez main.xsl, LayoutSettings.xsl, branding_area.xsl, object_scheme.xsl, inheritable_area.xsl, gadget_frame.xsl et tous les nouveaux fichiers dans le répertoire. Le nouveau chemin du répertoire sera :

      \nps\portal\stylesheets\skins\custom1\devics\default

    • Passez en revue les habillages et copiez la feuille de style la plus proche de l'apparence voulue dans le nouveau répertoire.

  3. (Facultatif) Dans le fichier branding_area.xsl, utilisez un logo au lieu d'un texte d'en-tête.

    SUGGESTION :  Si vous n'avez pas l'habitude d'utiliser du code permettant d'insérer des graphiques, utilisez ou référencez l'un des fichiers de modèle qui contient déjà une insertion d'image (par exemple, base, clinic ou i-Login).

  4. Créez un sous-répertoire d'images dans le répertoire contenant les fichiers de portail personnalisés.

  5. (Facultatif) Changez la couleur d'arrière-plan de votre portail personnalisé :

    1. Dans le fichier LayoutSettings.xsl, recherchez la ligne suivante :

      <xsl:variable name="Portal.Layout.Color.Background"></xsl:variable>

    2. Insérez une définition de couleur comme suit :

      <xsl:variable name="Portal.Layout.Color.Background">#4477aa</xsl:variable>

  6. (Facultatif) Paramétrez les marges du haut du portail sur 5 points.

    1. Dans le fichier LayoutSettings.xsl, recherchez la feuille de style en cascade (CSS) suivante :

      <xsl:variable name="Portal.Layout.CSS">

    2. Remplacez MARGIN: 0px par MARGIN: 5px.

  7. (Facultatif) Dans les barres de titre de gadget du portail, paramétrez la taille de police sur 14 points :

    1. Dans le fichier LayoutSettings.xsl, recherchez la feuille de style en cascade (CSS) suivante :

      <xsl:variable name="Portal.Layout.CSS">

    2. Recherchez la ligne .PortalGadgetTitleBar et paramétrez la taille de police sur 14 points.

  8. Enregistrez le fichier LayoutSettings.