fc2ブログ

Novel テンプレート

ブログ小説専用テンプレートの作成・配布サイト。FC2ブログのテンプレートを、どこまで手間いらずでHP小説サイト風に アレンジ、カスタマイズできるか挑戦中。

特定のカテゴリの目次ページのカスタマイズ (6)【novel-R タイプ】背景画像を変更する

目次ページ

hosi5.gifカスタマイズの難易度5

osirase-ani02.gif2010.8.5.Novelテンプレートの利用規約を改定し、衣替え以外の背景画像の変更は原則不可とさせていただきました。以下にご紹介したカスタマイズで、画像を変更してご利用の場合は、管理人の課した条件を満たすことが必要です。
詳しくは コチラ背景画像を変更してのご利用をご希望の場合 


osirase-ani02.gif2010.7.1.追記
改訂版のテンプレートのHTMLには、予め特定カテゴリ背景変更のためのカスタマイズが施されていますので、背景の変更が以前より簡単になりました。
詳しくは 【改定版 簡単カスタマイズ】特定のカテゴリの目次の背景を変更する

関連記事

▲PageTop

特定のカテゴリの目次ページのカスタマイズ (5)【novel-PF タイプ】背景画像を変更する

目次ページ

hosi5.gifカスタマイズの難易度5

tiyuumoku-ani02.gif2010.8.5.Novelテンプレートの利用規約を改定し、衣替え以外の背景画像の変更は原則不可とさせていただきました。以下にご紹介したカスタマイズで、画像を変更してご利用の場合は、管理人の課した条件を満たすことが必要です。
詳しくは コチラ背景画像を変更してのご利用をご希望の場合 


osirase-ani02.gif2010.7.1.追記
改訂版のテンプレートのHTMLには、予め特定カテゴリ背景変更のためのカスタマイズが施されていますので、背景の変更が以前より簡単になりました。
詳しくは 【改定版 簡単カスタマイズ】特定のカテゴリの目次の背景画像を変更する


関連記事

▲PageTop

novel-PF-Arabesque

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

novel-PF-Simple

砂漠や城壁、モスクなどアラビアンナイトの世界を彷彿させるCGは「異国情緒あふれる写真と旅行記|KaycomDESIGN 」様から、イスラム風のアラベスク模様のタイルは「Aaron'sTools 」様からお借りしました。

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Wタイプと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。




関連記事

▲PageTop

novel-PF-Momiji 紅葉のテンプレート

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

novel-PF-Planet

紅葉のHP風小説用疑似フレームテンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 
艶やかな真っ赤なもみじの表紙写真は風のおひるね様から、黒背景に浮かび上がる蒔絵のように美しいイラスト作品はFiore 様からお借りしました。メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Wタイプと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。


関連記事

▲PageTop

novel-PF-Planet 惑星のテンプレート

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

novel-PF-Planet

Fantasiaに引き続いてLancorvel さまから、今回は特に、宇宙・惑星をコンセプトにした作品をお借りしました。どうしてもお借りしたい作品があったので、背景にあわせて目次ページと全記事一覧ページのテキストは右側によせてあります。

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Jタイプ゚と同じく、表紙サイドフレームのメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全てメインフレーム内に表示されます。

Java Scriptが有効な場合は、表紙ページは、2種類の画像がランダムに表示され、メニューにカーソルをのせると、メニューの横、画面下にポップアップでその内容説明が表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。

カスタマイズ


2012.6.23.改訂(verPF1207)


全ページ完全リキッドレイアウトに改訂致しました。(但しIE7以上)IE6以下も表紙以外はリキッド・表紙はメインカラム幅が400pxを切ると横スクロールが出ますが閲覧に支障なしです。改訂以前もリキッドレイアウトのつもりでしたが、HTMLをPF2に変更するとリキッドにならなかったり、エリアによっては怪しかったのを修正しました。改訂済みのテンプレートはIE7以上であれば、JavaScript有効無効、HTMLをPF2タイプや一般用・イラストリスト付きに変更しても関係なくリキッドレイアウトで表示されます。

今まで無地だった通常ブログ画面や検索・月別ページの背景にも、Lancorvel 様のCG作品を使わせて頂きました。
ss_normal-PF-Planet.jpg

JavaScript有効時にはIE7以上であれば、通常ブログ画面では上の画像と下の画像がフルスクリーンでランダムに表示されます。無効時とIE6以下は固定。
またIE7以上のIE限定ですが、サイドフレームのスクロールバーも透明にしてみました(#^.^#)
ss_normal-PF-Planet2.jpg

月別・検索ページの背景はコチラ↓
s2_novel-PF-Planet-rireki.jpg

表紙・NovelList・通常ブログ画面・月別・検索ページでは、背景画像を閲覧画面に合わせてフルスクリーン表示させているので、画面に合わせて背景画像のサイズも変動します。
IE7以上であればワイド画面でも縮小画面でも画像が切れません。
s_samle_size.jpg

関連記事

▲PageTop

novel-PF-Simple

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

novel-PF-Simple

このテンプレートはEGP さまからお借りした表紙ページの作品以外の画像は使っておりません。背景画像を変更、あるいは表紙以外のページに背景を表示させる場合は他のPFタイプのテンプレートのスタイルシートをご参考にどうぞ。

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。

表紙メニューにカーソルをのせるとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。


関連記事

▲PageTop

novel-PF-Fantasia

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

novel-PF-Fantasia

幻想的なすばらしいCG作品はLancorvel さまからお借りしました。(ネットサーフィンをしていて偶然出合えたLancorvelさまの作品に管理人は一目ぼれでした。その気持ちは一目ご覧いただければ皆様もご理解いただけるはず!)

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。個別記事ページのサイドには目次が自動的に表示されます。Wタイプと同じく、表紙のメニューボタンにカーソルをあてるとJava Scriptが有効な場合は、ポップアップでその内容説明が別窓で表示されます。Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

Java Scriptが有効な場合は、表紙ページは、3種類の画像がランダムに表示され、メニューにカーソルをのせると右隅にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。


関連記事

▲PageTop

novel-PF-Fall 秋のテンプレート

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

novel-PF-Fall

秋のHP風小説用テンプレート。一般ブログでご利用の場合のカスタマイズはコチラコチラ 
表紙の背景はp-fan.netさまからお借りしましたが、それ以外のカードや風景・写真・タイルなどすべて素材の小路さまからお借りしました。(管理人はMEMEさまの美しいカード作品のファンでして、いつかは拙作テンプレにお借りしたいと思っておりましたので、夢が叶ってハッピーです♪)

[novel-PF]タイプのテンプレートは、疑似フレームを取り入れました。
表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。
個別記事ページのサイドには目次が自動的に表示されます。


関連記事

▲PageTop

novel-PF-Cosmos コスモスのテンプレート

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

novel-PF-Cosmos

コスモスのHP風小説用疑似フレームテンプレート。一般ブログスタイルに変更する場合はコチラコチラ
青い空とピンクのコスモスとのコントラストがなんともいえないくらい清々しく晴れやかな気分にさせてくれる表紙ページの作品は写真素材無料壁紙 さまから、可愛らしいピンクのコスモスのイラスト作品や赤とんぼのアニメ作品は素材の小路さまよりお借りしました。

[novel-PF]タイプのテンプレートは、表紙と記事ページは疑似フレームを取り入れました。
個別記事ページのサイドには目次が自動的に表示されます。表紙メニューをクリックするとJava Scriptが有効な場合は、右側にポップアップでその内容説明が表示されます。
Java Scriptがオフの場合は、メニューの内容が最初から全て画像の上に表示されます。

上の画像をクリックするとプレビューされます。Novelテンプレートはエリアごとにページデザインが違います。JavaScript有効であれば、開いたページサンプル内のリンクでページ移動できますので、他のページのデザインもご確認ください。


関連記事

▲PageTop

カスタマイズの難易度別に解説記事をグループ分けしました

その他お知らせなど

カスタマイズの難易度別に解説記事をグループ分けし、それぞれの記事の冒頭にその難易度を示すマークを表示させました。光っている星の数がカスタマイズの難易度(レベル)を表していますので、カスタマイズする際の目安になさってください。
(マークをクリックすると、同じ難易度の記事一覧がプレーンタイプのテンプレートで表示されます。)

 カスタマイズの難易度0(カスタマイズ不要・管理画面の設定変更だけでOK) カスタマイズの難易度0…カスタマイズ不要・設定変更だけでOK
 カスタマイズの難易度1 カスタマイズの難易度1…初心者の方でも簡単OKなカスタマイズ
 カスタマイズの難易度2 カスタマイズの難易度2…変更するのは一箇所だけ
 カスタマイズの難易度3 カスタマイズの難易度3…カスタマイズに慣れてきたら
 カスタマイズの難易度4 カスタマイズの難易度4…ちょっと面倒ですが効果的

難易度別の記事一覧にリンクしているこれらのマークは、表紙ページのおススメカスタマイズ・全記事一覧ページ(All Titlelist)・記事「Novelテンプレートのつくり」内にもあります。
関連記事

▲PageTop

««

Menu

義援金募集

「東北関東大震災」支援クリック募金 FC2「東北地方太平洋沖地震」義援金募集につきまして

更新カレンダー

04 ≪│2024/05│≫ 06
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

カテゴリ


テンプレートマニュアル
テンプレート一覧
テンプレート情報
 バージョンアップや改訂内容 (20)
 不具合の修正 (16)
 その他お知らせなど (57)
 管理人のおススメ (5)

未分類 (25)
カスタマイズの備忘録 (18)
小説サンプル(親カテゴリ)
 風立ちぬ (7)
 雪の女王 (9)
 銀河鉄道の夜 (11)
 坊っちゃん (13)
 幸福の王子(夢小説サンプル)  (3)

画像のためのカテゴリ
 人物イラストのためのカテゴリ (10)

最新記事

リンク

QRコード

QR

表示域確認中

hanakama.jpg