テーマ

bookreader.jsは、テーマを指定して表示スタイルをカスタマイズすることが可能です。 用意されているテーマファイルを参考に、新しいテーマを作ることもできます。 テーマには、文字数などをコントロールするjsファイルと、スタイルを定義するcssファイルが含まれます。

テーマの指定方法

bookreader.jsをSCRIPTタグで読み込む際、

src="library/bookreader/bookreader.js"

としている部分を

src="library/bookreader/bookreader.js?theme=3columns"

などとすればOKです。

テーマ一覧

ダウンロードファイルに含まれるテーマの一覧です。

default

テーマを指定しないと、デフォルトのテーマとして適用されます。

• 表示領域: 100% x 500px
• ページサイズ: 500 x 500 (px)
• フォント: ヒラギノ明朝(mac)、メイリオ(vista)、MSゴシック(default)
• サンプル: こちらをクリック

mini

• 表示領域: 800 x 400px
• ページサイズ: 400 x 400 (px)
• フォント: ヒラギノ明朝(mac)、メイリオ(vista)、MSゴシック(default)
• サンプル: こちらをクリック

2columns

• 表示領域: 800 x 600px
• ページサイズ: 400 x 600 (px)
• フォント: ヒラギノ明朝(mac)、メイリオ(vista)、MSゴシック(default)
• サンプル: こちらをクリック

3columns

• 表示領域: 900 x 500px
• ページサイズ: 300 x 500 (px)
• フォント: ヒラギノ明朝(mac)、メイリオ(vista)、MSゴシック(default)
• サンプル: こちらをクリック