文祐
BUNYU Support Infomation
ヘルプとサポート トップ
サポート製品一覧
お問合わせ
 
Buntetsu Pc Shelf 7 - 独自のスタイルシートを作成して適用する方法
 
ここでは文字の大きさや色などをサードパーティやお客様自身がカスタマイズした情報をスタイルシートとして保存し、Pc Shelfでそれらのスタイルシートを利用してメニューからユーザが自由にサイズを変えれるようにする方法を説明します。

はじめに
ここではスタイルシートの記述方法を説明いたしません。スタイルシートの記述方法について調べるには市販されている本やサードパーティのウェブサイトを参照してください。

Pc Shelfスタイルシートの取り扱い概念
Pc Shelf 7のスタイルシートは次のファイルにより構成されています。
  • index.css 一般定義ページ表示用
  • sakuin.css サーチウィンドウ内ページ表示用
  • top.css トップページおよびカテゴリ検索ページ表示用

また、サイズ変更時には次のファイルがリネーム(名前を変更)されて使用されます。このとき、既に存在しているそのファイル名のファイルは上書きされます。
  • ?.css -> index.css 一般定義ページ表示用
  • sakuin_?.css -> sakuin.css サーチウィンドウ内ページ表示用
  • top_?.css -> top.css トップページおよびカテゴリ検索ページ表示用
  • ?には「S」「M」「L」「X」のいずれかが入ります。

以上のことからすべてのスタイルシートを1からカスタマイズする場合は、どのファイルも欠けてはなりません。また、index.cssの記述方法は特別です。
{小(&S)}
BODY{
  background-color:white;

(中略)

}
S
 

index.cssはまず"{"と"}"の間にタイトルを設定します。ここで設定したタイトルがPc Shelf 7の「表示」->「フォントサイズ」メニューに表示されます。ここではショートカットキーも設定できます。ショートカットキーを設定するには"("と")"の間に"&"を入力し、任意の半角英数1文字を入力します。また、Smallなどのアルファベットのみのタイトルの場合は&Smallなどでも設定できます(この際は「S」がショートカットキーとなります。S&mallと入力すれば「M」がショートカットキーとなります。)。その後ファイルの末尾に相対サイズ(S,M,L,X)のいずれかを入力し1行改行を入れます、そして改行を入れた後には何も入力せずにスタイルシートを保存します。保存する際は一番最後に入力した相対サイズ.cssの形式で保存してください。その後Pc Shelf 7のインストールディレクトリへコピーします。すでにPc Shelfが起動されている場合でもPc Shelfはそのつどメニューを表示する際にスタイルシートの読み込みを行いますので再起動の必要はありません。なお、「?.css」のファイルは必須です。また、「?.css」のファイルの数だけ「top_?.css」および「sakuin_?.css」を用意する必要があります。

その他の情報
他のスタイルシートはカスタマイズ必須ではありません。すでにPc Shelfで使用されている文祐製のスタイルシートを併用することができます。また、他のスタイルシートも製作した場合は、上に記述のファイル名に注意してください。たとえばs.csssakuin_s.cssは連動しますが、m.csssakuin_s.cssは連動しません。また、index.css以外のスタイルシートには上の記述をする必要はありません。また、カスタマイズして提供および使用するスタイルシートのサイズが「S」と「M」だけなど、一部のサイズを使わない場合は該当する「?.css」をリネームもしくは削除していただいてもかまいません。その場合Pc Shelfはファイルがないことを検知してメニューから該当サイズを削除します。また、インストールディレクトリにあるスタイルシートのファイル(所定のファイル名で)が1つだけの場合は、カスタマイズメニューが表示されなくなります。

このヘルプとサポート記事は以下のソフトウェア用に書かれています
Buntetsu Pc Shelf 7 Beta 2 (20060415-1)

このヘルプとサポート記事は以下のシステムで発生します
サポートされているOSすべて
 
 
文祐について | 文祐ウェブサイト使用条件 | 個人情報保護方針 | 違法コピー防止について | プレスリリース | お問い合わせ先

© 2007 BUNYU. All rights reserved.