「テンプレート一覧」
novel-Jタイプ
novel-Jf-note 大学ノート風テンプレート
画像のないテンプレートで記事をご覧になる場合は



リニューアルしたnovel-temp-noteをJfタイプに変更したテンプレート。
大学ノートに物語を綴るイメージ。
表紙メニューをクリックするとJava Scriptが有効な場合は、ポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、メニューは左に、コンテンツは右側に最初から表示され、novel-temp-noteと同じデザインになります。
上の画像をクリックするとプレビューされます。
Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください
今回はnovel-temp-note4のブルーのスタイルシートで公開しましたが、スタイルシートをnovel-temp-note1~3に変更すると同デザインで配色を変えられます。







サイドメニューは左。サイドメニューと記事部は、独立してスクロールします。
但し、本来のHTMLを無視してスタイルシートの設定だけで強引に疑似フレームに仕立てたせいか、
IE6にはこの力技が効きませんでした。
IE6は疑似フレームではなく通常の表示になります。
IE7以上は、全ページ、リキッドレイアウトに変更。
画面サイズ左右されず、横スクロールを使わずに閲覧できます。
- 表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、最初から全て表示されます。
ポップアップ表示のカスタマイズについてはコチラ
- ver05以降の改訂版テンプレートは、同じタイプだけでなく、novel-PF・PF2タイプ以外のテンプレートであれば、スタイルシートを変更するだけで、簡単に衣替え(デザイン変更)することができます。HTML部分に施したカスタマイズはそのまま適用されます。
詳しくは「衣替え(スタイルシート変更)の手順」
- 現状では、サイドメニューをクリックするとポップアップでコンテンツが表紙画像の上に表示されますが、Gタイプ以外のタイプのHTMLに変更した場合、またJavaScript無効時は、画像上に表示されるようになります。
HTMLをGタイプに変更すると、サイドメニューコンテンツは折りたたみになりますが、カスタマイズ次第で、開閉を振り分けられます。
詳しくは[折りたたみの(初期設定の開閉)設定を変更する][プラグインを折りたたむ]で。 - HTMLをnovel-Jタイプに変更すると、個別記事ページの表示が1カラムに変更され、サイドフレームに表示されていた目次は記事欄末尾に表示されます。
- 縮小画面にも対応。可変性があるので、画面サイズに左右されない表示と閲覧が可能。IE6以上であれば横スクロールの出現もなし。
- 機能的には改訂版ver1107同じですので、種々カスタマイズが簡単になりました。
詳しくは改訂版テンプレートの新機能・カスタマイズ
おまけ
簡単に一般用に変更できる、ちょっとした小技導入済み。
- 関連記事
-
- novel-J-Himawari 向日葵のテンプレート
- novel-Jf-note 大学ノート風テンプレート
- novel-Jf-Nanohana 菜の花畑のテンプレート
スポンサーサイト



総もくじ
テンプレートマニュアル共有テンプレート画像のためのカテゴリ

┣テンプレートについて
novel-Jf-note 大学ノート風テンプレート
┣携帯用Novelテンプレート
novel-Jf-note 大学ノート風テンプレート
┣表紙ページ
novel-Jf-note 大学ノート風テンプレート
┣Novel List
novel-Jf-note 大学ノート風テンプレート
┣目次ページ
novel-Jf-note 大学ノート風テンプレート
┣小説本文(個別記事)ページ
novel-Jf-note 大学ノート風テンプレート
┣イラストリスト
novel-Jf-note 大学ノート風テンプレート
┣全記事一覧ページ(All Titlelist 総目次)
novel-Jf-note 大学ノート風テンプレート
┣その他・共通ページ
novel-Jf-note 大学ノート風テンプレート
┣携帯用テンプレートのカスタマイズ
novel-Jf-note 大学ノート風テンプレート
┣テンプレート別のカスタマイズ
novel-Jf-note 大学ノート風テンプレート
┣サイト内配布テンプレート
novel-Jf-note 大学ノート風テンプレート
┣テンプレートの衣替え
novel-Jf-note 大学ノート風テンプレート
┗裏技カスタマイズ
novel-Jf-note 大学ノート風テンプレート

┣携帯用Novelテンプレート

┣表紙ページ

┣Novel List

┣目次ページ

┣小説本文(個別記事)ページ

┣イラストリスト

┣全記事一覧ページ(All Titlelist 総目次)

┣その他・共通ページ

┣携帯用テンプレートのカスタマイズ

┣テンプレート別のカスタマイズ

┣サイト内配布テンプレート

┣テンプレートの衣替え

┗裏技カスタマイズ

総もくじ
テンプレート一覧共有テンプレート画像のためのカテゴリ

┣novel-templateタイプ
novel-Jf-note 大学ノート風テンプレート
┣novel-tempタイプ
novel-Jf-note 大学ノート風テンプレート
┣novel-Sタイプ
novel-Jf-note 大学ノート風テンプレート
┣novel-Rタイプ
novel-Jf-note 大学ノート風テンプレート
┣novel-Gタイプ
novel-Jf-note 大学ノート風テンプレート
┣novel-Jタイプ
novel-Jf-note 大学ノート風テンプレート
┣novel-Cタイプ
novel-Jf-note 大学ノート風テンプレート
┣素材屋風テンプレート
novel-Jf-note 大学ノート風テンプレート
┣疑似フレームテンプレート
novel-Jf-note 大学ノート風テンプレート
┣novel-PF2タイプ
novel-Jf-note 大学ノート風テンプレート
┣夢小説用テンプレート
novel-Jf-note 大学ノート風テンプレート
┣イラストリスト付きテンプレート
novel-Jf-note 大学ノート風テンプレート
┣携帯用テンプレート
novel-Jf-note 大学ノート風テンプレート
┗一般ブログ用テンプレート
novel-Jf-note 大学ノート風テンプレート

┣novel-tempタイプ

┣novel-Sタイプ

┣novel-Rタイプ

┣novel-Gタイプ

┣novel-Jタイプ

┣novel-Cタイプ

┣素材屋風テンプレート

┣疑似フレームテンプレート

┣novel-PF2タイプ

┣夢小説用テンプレート

┣イラストリスト付きテンプレート

┣携帯用テンプレート

┗一般ブログ用テンプレート

総もくじ
テンプレート情報共有テンプレート画像のためのカテゴリ

┣バージョンアップや改訂内容
novel-Jf-note 大学ノート風テンプレート
┣不具合の修正
novel-Jf-note 大学ノート風テンプレート
┣その他お知らせなど
novel-Jf-note 大学ノート風テンプレート
┗管理人のおススメ
novel-Jf-note 大学ノート風テンプレート

┣不具合の修正

┣その他お知らせなど

┗管理人のおススメ

もくじ
未分類

もくじ
カスタマイズの備忘録

総もくじ
小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ

┣風立ちぬ
novel-Jf-note 大学ノート風テンプレート
┣雪の女王
novel-Jf-note 大学ノート風テンプレート
┣銀河鉄道の夜
novel-Jf-note 大学ノート風テンプレート
┣坊っちゃん
novel-Jf-note 大学ノート風テンプレート
┗幸福の王子(夢小説サンプル)
novel-Jf-note 大学ノート風テンプレート

┣雪の女王

┣銀河鉄道の夜

┣坊っちゃん

┗幸福の王子(夢小説サンプル)

~ Trackback ~
トラックバックURL
⇒
⇒ この記事にトラックバックする(FC2ブログユーザー)