Personalizando a máscara do portal

A maioria das configurações (cores, fontes, margens) que definem a apresentação da página do portal é definida no arquivo LayoutSettings.xsl.

Existem cinco arquivos de folha de estilo que você pode acessar para modificar facilmente os diferentes componentes do NPS (Novell Portal Services): branding_area.xsl, inheritable_area.xsl, object_scheme.xsl, gadget_frame.xsl e LayoutSettings.xsl. Eles estão localizados em cada diretório skin.

Consulte Arquivos de folha de estilo do Novell Portal Services para exibir uma lista do conteúdo dos arquivos. Além disso, o cabeçalho da área personalizada da página do portal está contido no arquivo branding_area.xsl.

1. Crie um subdiretório no diretório webapps\nps\portal\stylesheets\skins para que ele contenha os arquivos de sua aparência personalizada.

   IMPORTANTE:  Todos os comandos e arquivos fazem distinção entre maiúsculas e minúsculas.

   Por exemplo, seu novo diretório pode ser denominado custom1.

2. Execute um dos seguintes procedimentos:

   • Copie main.xsl, LayoutSettings.xsl, branding_area.xsl, object_scheme.xsl, inheritable_area.xsl, gadget_frame.xsl e todos os novos arquivos para o diretório. O novo caminho de diretório será semelhante ao seguinte:

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

   • Reveja todas as máscaras e copie para o novo diretório a folha de estilo que mais se assemelhe à aparência que você deseja.

3. (Opcional) Use uma imagem de logotipo em vez do texto de cabeçalho no arquivo branding_area.xsl.

   SUGESTÃO:  Se você não estiver familiarizado com a codificação usada para inserir gráficos, use ou consulte um dos arquivos de gabarito que já contenha uma imagem (por exemplo, base, clinic ou i-Login).

4. Crie um subdiretório images no diretório que você criou para que contenha seus arquivos personalizados do portal.

5. (Opcional) Mude a cor de segundo plano do portal personalizado:

   1. No arquivo LayoutSettings.xsl, procure a seguinte linha:

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

   2. Insira uma definição de cor da seguinte maneira:

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

6. (Opcional) Mude as margens superiores do portal de 0 para 5 pontos.

   1. No arquivo LayoutSettings.xsl, procure a seguinte folha de estilo em cascata (CSS):

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

   2. Substitua a margem: MARGIN: 0px por MARGIN: 5px.

7. (Opcional) Mude o tamanho da fonte nas barras de título do gadget do portal, de 12pt para 14pt:

   1. No arquivo LayoutSettings.xsl, procure a seguinte folha de estilo em cascata (CSS):

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

   2. Localize a linha .PortalGadgetTitleBar e mude FONT-SIZE (tamanho da fonte) de 12pt para 14pt.

8. Grave o arquivo LayoutSettings.xsl.