外部スタイル シートの追加

デフォルトのスタイル シートをオーバーライドして、サービス センターの外観を変更できます。

サービス センターのデフォルトのスタイル シートは、次の URL にあります。

https://<your.tenant.appliance>/service/css/normal.css

[構成] タブの [システム] セクションで独自の要素を指定することで、デフォルトのスタイル シート内の一部またはすべての要素をオーバーライドできます。デフォルトのスタイル シートをオーバーライドする場合は、Web サーバにも新しいグラフィックを追加する必要があります。

たとえば、背景イメージ bannerBack.gif とロゴ イメージ logo.gif を使用して、トップ バナーの背景色とサービス センターのロゴを変更するには、次のようにします。

1. 次の内容のスタイル シートを作成します。

       body{
   
       	background: url("../images/bannerBack.gif");
   
       	background-repeat: repeat-x;
           	font-family: arial, sans-serif;
   
       }
   
       #banner{
   
       	background: url("../images/logo.gif");
   
       	background-position: top left;
           	background-repeat: no-repeat; 
   
       }
   
   

2. ファブリック Web サーバと同じ証明書を使用している Web サーバに、スタイル シートと 2 つのイメージを配置します。たとえば、スタイル シートが NewStyle.css と呼ばれる場合は、スタイル シート Web サーバ上の admin/NewStyle.css にコピーできます。

   [システム構成] 画面の外部スタイル シートの URL フィールドに、次の URL を入力します。

   https://<your.web.server>/service/NewStyle.css

   新しいスタイル シートには、新しいバナーの背景とロゴが適用されます。