画面全体の幅は初期設定されていますが、変更することができます。
領域全体の幅のサイズを変更するには、サイト全体のCSSを記載したportal_m.cssファイルを書き換えます。
このCSSファイルは基準のCSSであるportal.cssファイルの次に読み込まれ、カスタマイズ可能です。カスタマイズするためには新たにCSS定義としてportal_m.cssを登録する必要があります。
これ以外にもページ単位のCSSの設定を利用することもできます。
Ver2.5未満：
[システムメニュー]-[配置]にページ別CSSの項目があります。
Ver2.5以上：
[システムメニュー]-[ページ]-[ページ別CSS]にページ別CSSの項目があります。
ここで新規にページ別CSSを追加し、設定後必要に応じて継承もできます。設定方法の詳細はヘルプを参照してください。
＜portal_m.cssファイルを新規追加し、準備する＞
(1)「管理者ツール」-「サイト全体のCSS定義」から既存の「スタイルＨＶ用」か「スタイルＶＶ用」の「サイト全体のCSS定義の編集」を開き、「CSS(.css)ファイル」アイコンからportal_m.cssを開き、その内容を全てクリップボードにコピーする。
(2)「管理者ツール」-「サイト全体のCSS定義」で「新しくCSS定義を追加する」から追加する。
(3)追加したCSSを再度「サイト全体のCSS定義」の「サイト全体のCSS定義の編集」で開き、「CSS(.css)ファイル」アイコンからportal_m.cssを開き、(1)でコピーした内容を貼り付けておく。
(4)貼り付けた内容の関連するCSSのクラスやIDのスタイルを変更する。各クラスやIDの実際の画面との対応はportal.cssを参照する。具体的には幅を700px、左領域の幅を100pxに変更するには以下のようにする。
＜portal_m.cssファイルを書き換える＞
#BaseTable
{
/* == 幅 == */
width: 700px;
}
/* == システムメニュー(outer) == */
#SystemMenu
{
/* == 幅 == */
width: 700px;
}
/* == 左ペイン幅 == */
#LeftPane
{
/* == 幅 == */
width: 100px;
}
/* == MAIN+RIGHT セット ==*/
#ContentRightTable
{
/* == 幅 == */
width: 586px;
margin: 0px 0px 0px 14px; /* == 左ペインとMAIN、右ペインとの隙間 == */
}
同様に背景色をつけたければ以下のように任意の背景色にします。
body
{
background-color: #eeeeee;
}