このカテゴリは 横ならび目次サンプル(2) で表示させ、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。
このページは、他のカテゴリの目次ページとは背景を変更して表示しています。また、このカテゴリ固有の説明(作者・出典などの記述)を表示させています。詳しくは「特定のカテゴリの目次に説明などを追加する」「特定のカテゴリの背景を変更する」をご覧ください。

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

画像をクリックすると直接テンプレートがプレビューされます。
テンプレート名»»をクリックするとテンプレートの解説記事が開きます。
写真 イラスト 花 など用いている画像についてのタグ(Template Image Tag)を
クリックすると、該当するテンプレートが表示されます。
このカテゴリは イラストリスト付きテンプレートの画像用目次サンプル(2) で表示させています。
詳しくは 「イラストリストの説明」と「特定のカテゴリの目次で画像を一覧させる」をご覧ください。
この作品は夢小説のサンプルですので左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。ブログ夢小説パーツ「ユメミニ」は夢小説用テンプレートに実装されています。
公開中の夢小説用テンプレートはコチラ    詳しくは夢小説用テンプレートの設定をご覧ください。
このカテゴリは イラストリスト付きテンプレートの画像用目次サンプル(2) で表示させています。
詳しくは 「イラストリストの説明」と「特定のカテゴリの目次で画像を一覧させる」をご覧ください。
このカテゴリは 横ならび目次サンプル(1) で表示させています。二桁の数字が一列に10づつ並びますので、記事タイトルが番号のみのカテゴリにはおススメです。 番号タイトルが一桁の場合は、番号の前に を前にいれると揃います

Index ~作品もくじ~


  • 290
  • 319
  • 372
  • 395
  • 309
  
novel-PF2-Illust s20-novel-PF2-Illust.jpg

上の画像をクリックするとプレビューされます。
背景画像、飾り枠などはは「素材の小路 」様からお借りしました。

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。

スタイルシート(CSS)を他のnovel-PFタイプのスタイルシートと差し替えることで、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。


主な機能、設定方法は以下のとおり
  • 記事にユーザータグ【 Illust 】を設定する
  • 画像は 必ず記事本文部分 冒頭 にアップ
  • 画像の幅と高さの指定は削除する
  • スタイルシート を変更して衣替えする場合は
    「画像一覧表示のための設定」をコピペして変更したスタイルシートに追加
  • novel-PF・novel-PF2タイプのスタイルシートに差し替えることで、簡単に衣替えOK
  • 特定のカテゴリの目次で画像一覧表示できるソース内包 
  • 登場人物のイラスト付き紹介ページも設定可(DL時は非表示)

詳しくはイラストリスト(Illust List)の説明をご覧ください。

登場人物のイラスト付き紹介ページのサンプルは コチラ コチラ

novel-PF2-Illust(イラストリスト付きテンプレート)
»»  2010.03.07.
通年 シンプル Category 
20100517-132459-61976800.gif




s7-novel-temp-Illust-new.jpg

イラストリスト付きテンプレートの第二弾、novel-template・novel-tempタイプバージョンです。
以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。(2010.5.17.テンプレート自体には画像のないスタイルに改訂しました。)

上の画像をクリックするとイラストリスト付きテンプレートの表紙がプレビューされます。上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリストが開きます。
飾り枠は「素材の小路 」様からお借りしました。

スタイルシート(CSS)を他のnovel-template・novel-tempタイプのスタイルシートと差し替えれば、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。

以下はnovel-template-blueのスタイルシートに変更した場合のイラストリスト

s10-novel-temp-Illust.jpg


DL時のイラストリストは画像の横に記事の冒頭文が表示されるスタイルですが、画像を一覧表示にしたり、特定のカテゴリだけ上のように画像用目次で表示するためのソースが埋め込まれていますので、カスタマイズはとても簡単です。

簡単カスタマイズで表示スタイルを画像一覧に変更した場合↓
s10-novel-temp-Illust-3.jpg



主な機能、設定方法は以下のとおり
  • 記事にユーザータグ【 Illust 】を設定する
  • 画像は 必ず記事本文部分 冒頭 にアップ
  • 画像の幅と高さの指定は削除する
  • スタイルシート を変更して衣替えする場合は
    「画像一覧表示のための設定」をコピペして変更したスタイルシートに追加
  • novel-PF・novel-PF2タイプのスタイルシートに差し替えることで、簡単に衣替えOK
  • 特定のカテゴリの目次で画像一覧表示できるソース内包 
  • 登場人物のイラスト付き紹介ページも設定可(DL時は非表示)

詳しくはイラストリスト(Illust List)の説明をご覧ください。

登場人物のイラスト付き紹介ページのサンプルは コチラ コチラ

他のnovel-temp・novel-templateタイプのスタイルシートを差し替えて、イラストリストや画像用目次をカスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます。
リストのIllustListタグ、画像用目次をクリックすると別窓で開きます。
novel-temp-Illust(イラストリスト付きテンプレート)
»»  2010.05.04.
通年 シンプル NoImage 
s-novel-R-Illustlist.jpg

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。

novel-R-Sepia

上の画像をクリックするとイラストリスト付きテンプレートの表紙がプレビューされます。上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリストが開きます。

novel-R-PopUpと同じスタイルシートでですので、背景デザインも同じです。背景画像は「EGP」様からお借りしました。お借りした写真は一点だけですが、大きな一枚画像ですので、ページごとに背景配置を変えさせていただきました。横幅1200くらいまでの解析度でご覧いただくと、同じ作品でありながら、それぞれの表情が違ってきて見えます。

同じnovel-Rタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや、ポップアップ、一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

但し、衣替え後のテンプレートもイラストリスト付きにするためには
スタイルシートの一番最後部分の「画像一覧表示のための設定」をコピペして変更したCSSに追加します。
衣替えする場合は、コピーライト部分の著作権表示の部分も丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

novel-R-Illust (イラストリスト付きテンプレート)
»»  2010.05.31.
写真 風景  通年  
s-novel-R-Illustlist.jpg

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。

novel-R-Sepia

上の画像をクリックするとプレビューされます。
上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリスト↓が開きます。

novel-R-Sepia

同じnovel-Sタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
↓以下はnovel-S-ajisaiのスタイルシートに変更した場合

s10-novel-temp-Illust2.jpg

背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

但し、衣替え後のテンプレートもイラストリスト付きにするためには
スタイルシートの一番最後部分の「画像一覧表示のための設定」をコピペして変更したCSSに追加します。
衣替えする場合は、コピーライト部分の著作権表示の部分も丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

novel-S-Illust(イラストリスト付きテンプレート)
»»  2010.06.15.
シンプル NoImage 
20100710-224831-09315700.gif
s-10normal-PF-Plain2.jpg


novel-PFタイプのイラストリスト付きテンプレートを共有テンプレートとして申請しました。
イラストリスト付きテンプレートの詳細は コチラ コチラをご覧ください。

同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、イラストリスト機能を移行した上で、配色・背景画像などデザインを変更(衣替え)することができます。
詳しくは  「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え
novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
詳しくは  コチラ

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

ポップアップ表示のカスタマイズについては⇒コチラ と コチラ
アクセス解析などのタグを追加したせいで表示がずれてしまった場合はコチラ

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

novel-PF-Illust イラストリスト付きテンプレート
»»  2010.07.07.
通年 NoImage シンプル Popup 

スポンサーサイト

--.--.--.[Edit]

▲page top

novel-PF2-Illust s20-novel-PF2-Illust.jpg

上の画像をクリックするとプレビューされます。
背景画像、飾り枠などはは「素材の小路 」様からお借りしました。

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。

スタイルシート(CSS)を他のnovel-PFタイプのスタイルシートと差し替えることで、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。


主な機能、設定方法は以下のとおり
  • 記事にユーザータグ【 Illust 】を設定する
  • 画像は 必ず記事本文部分 冒頭 にアップ
  • 画像の幅と高さの指定は削除する
  • スタイルシート を変更して衣替えする場合は
    「画像一覧表示のための設定」をコピペして変更したスタイルシートに追加
  • novel-PF・novel-PF2タイプのスタイルシートに差し替えることで、簡単に衣替えOK
  • 特定のカテゴリの目次で画像一覧表示できるソース内包 
  • 登場人物のイラスト付き紹介ページも設定可(DL時は非表示)

詳しくはイラストリスト(Illust List)の説明をご覧ください。

登場人物のイラスト付き紹介ページのサンプルは コチラ コチラ

novel-PF2-Illust(イラストリスト付きテンプレート)

2010.03.07.[Edit]
 上の画像をクリックするとプレビューされます。背景画像、飾り枠などはは「素材の小路 」様からお借りしました。以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust ...

»» 続きを読む

通年 シンプル Category 

▲page top

20100517-132459-61976800.gif




s7-novel-temp-Illust-new.jpg

イラストリスト付きテンプレートの第二弾、novel-template・novel-tempタイプバージョンです。
以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。(2010.5.17.テンプレート自体には画像のないスタイルに改訂しました。)

上の画像をクリックするとイラストリスト付きテンプレートの表紙がプレビューされます。上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリストが開きます。
飾り枠は「素材の小路 」様からお借りしました。

スタイルシート(CSS)を他のnovel-template・novel-tempタイプのスタイルシートと差し替えれば、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。

以下はnovel-template-blueのスタイルシートに変更した場合のイラストリスト

s10-novel-temp-Illust.jpg


DL時のイラストリストは画像の横に記事の冒頭文が表示されるスタイルですが、画像を一覧表示にしたり、特定のカテゴリだけ上のように画像用目次で表示するためのソースが埋め込まれていますので、カスタマイズはとても簡単です。

簡単カスタマイズで表示スタイルを画像一覧に変更した場合↓
s10-novel-temp-Illust-3.jpg



主な機能、設定方法は以下のとおり
  • 記事にユーザータグ【 Illust 】を設定する
  • 画像は 必ず記事本文部分 冒頭 にアップ
  • 画像の幅と高さの指定は削除する
  • スタイルシート を変更して衣替えする場合は
    「画像一覧表示のための設定」をコピペして変更したスタイルシートに追加
  • novel-PF・novel-PF2タイプのスタイルシートに差し替えることで、簡単に衣替えOK
  • 特定のカテゴリの目次で画像一覧表示できるソース内包 
  • 登場人物のイラスト付き紹介ページも設定可(DL時は非表示)

詳しくはイラストリスト(Illust List)の説明をご覧ください。

登場人物のイラスト付き紹介ページのサンプルは コチラ コチラ

他のnovel-temp・novel-templateタイプのスタイルシートを差し替えて、イラストリストや画像用目次をカスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます。
リストのIllustListタグ、画像用目次をクリックすると別窓で開きます。

novel-temp-Illust(イラストリスト付きテンプレート)

2010.05.04.[Edit]
イラストリスト付きテンプレートの第二弾、novel-template・novel-tempタイプバージョンです。以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレー...

»» 続きを読む

通年 シンプル NoImage 

▲page top

s-novel-R-Illustlist.jpg

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。

novel-R-Sepia

上の画像をクリックするとイラストリスト付きテンプレートの表紙がプレビューされます。上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリストが開きます。

novel-R-PopUpと同じスタイルシートでですので、背景デザインも同じです。背景画像は「EGP」様からお借りしました。お借りした写真は一点だけですが、大きな一枚画像ですので、ページごとに背景配置を変えさせていただきました。横幅1200くらいまでの解析度でご覧いただくと、同じ作品でありながら、それぞれの表情が違ってきて見えます。

同じnovel-Rタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや、ポップアップ、一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

但し、衣替え後のテンプレートもイラストリスト付きにするためには
スタイルシートの一番最後部分の「画像一覧表示のための設定」をコピペして変更したCSSに追加します。
衣替えする場合は、コピーライト部分の著作権表示の部分も丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

novel-R-Illust (イラストリスト付きテンプレート)

2010.05.31.[Edit]
以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラス...

»» 続きを読む

写真 風景  通年  

▲page top

s-novel-R-Illustlist.jpg

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。

novel-R-Sepia

上の画像をクリックするとプレビューされます。
上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリスト↓が開きます。

novel-R-Sepia

同じnovel-Sタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
↓以下はnovel-S-ajisaiのスタイルシートに変更した場合

s10-novel-temp-Illust2.jpg

背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

但し、衣替え後のテンプレートもイラストリスト付きにするためには
スタイルシートの一番最後部分の「画像一覧表示のための設定」をコピペして変更したCSSに追加します。
衣替えする場合は、コピーライト部分の著作権表示の部分も丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

novel-S-Illust(イラストリスト付きテンプレート)

2010.06.15.[Edit]
以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラス...

»» 続きを読む

シンプル NoImage 

▲page top

20100710-224831-09315700.gif
s-10normal-PF-Plain2.jpg


novel-PFタイプのイラストリスト付きテンプレートを共有テンプレートとして申請しました。
イラストリスト付きテンプレートの詳細は コチラ コチラをご覧ください。

同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、イラストリスト機能を移行した上で、配色・背景画像などデザインを変更(衣替え)することができます。
詳しくは  「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え
novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
詳しくは  コチラ

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

ポップアップ表示のカスタマイズについては⇒コチラ と コチラ
アクセス解析などのタグを追加したせいで表示がずれてしまった場合はコチラ

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

novel-PF-Illust イラストリスト付きテンプレート

2010.07.07.[Edit]
novel-PFタイプのイラストリスト付きテンプレートを共有テンプレートとして申請しました。イラストリスト付きテンプレートの詳細は  コチラをご覧ください。同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、イラストリスト機能を移行した上で、配色・背景画像などデザインを変更(衣替え)することができます。詳しくは  「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え」novel-PF2-Pla...

»» 続きを読む

通年 NoImage シンプル Popup 

▲page top


雪の女王
SNEDRONNINGEN
七つのお話でできているおとぎ物語
ハンス・クリスティアン・アンデルセン Hans Christian Andersen
楠山正雄訳  出典: 青空文庫
底本:「新訳アンデルセン童話集 第二巻」同和春秋社
作品名: 銀河鉄道の夜
作品名読み: ぎんがてつどうのよる
著者名: 宮沢 賢治  出典: 青空文庫
底本: 新編 銀河鉄道の夜
出版社: 新潮文庫、新潮社
作品名: 坊っちゃん
作品名読み: ぼっちゃん
著者名: 夏目 漱石  出典: 青空文庫
底本: ちくま日本文学全集 夏目漱石
出版社: 筑摩書房
同じタイプのテンプレートのスタイルシートと差し替えれば、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。 詳しくは コチラ
同じタイプの小説用テンプレのスタイルシートと差し替えれば、一般ブログスタイルのまま、配色・背景画像などデザインを変更(衣替え)することができます。詳しくは  テンプレートを一般ブログスタイルに変更する
夢小説テンプレートは設定をしてはじめて、名前変換フォームが表示され夢小説用テンプレートとして機能します。ご利用の前に必ず設定してください。 また、PFタイプ・PF2タイプ以外のスタイルシートに差し替えれば、夢小説名前変換機能はそのまま、デザインだけを変更できます。  詳しくは  夢小説用テンプレートの設定
novel-PF2-Illust s20-novel-PF2-Illust.jpg

上の画像をクリックするとプレビューされます。
背景画像、飾り枠などはは「素材の小路 」様からお借りしました。

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。

スタイルシート(CSS)を他のnovel-PFタイプのスタイルシートと差し替えることで、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。


主な機能、設定方法は以下のとおり
  • 記事にユーザータグ【 Illust 】を設定する
  • 画像は 必ず記事本文部分 冒頭 にアップ
  • 画像の幅と高さの指定は削除する
  • スタイルシート を変更して衣替えする場合は
    「画像一覧表示のための設定」をコピペして変更したスタイルシートに追加
  • novel-PF・novel-PF2タイプのスタイルシートに差し替えることで、簡単に衣替えOK
  • 特定のカテゴリの目次で画像一覧表示できるソース内包 
  • 登場人物のイラスト付き紹介ページも設定可(DL時は非表示)

詳しくはイラストリスト(Illust List)の説明をご覧ください。

登場人物のイラスト付き紹介ページのサンプルは コチラ コチラ

novel-PF2-Illust(イラストリスト付きテンプレート)
»»  2010.03.07.
[Edit]通年 シンプル Category 
20100517-132459-61976800.gif




s7-novel-temp-Illust-new.jpg

イラストリスト付きテンプレートの第二弾、novel-template・novel-tempタイプバージョンです。
以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きテンプレートを作成致しました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。(2010.5.17.テンプレート自体には画像のないスタイルに改訂しました。)

上の画像をクリックするとイラストリスト付きテンプレートの表紙がプレビューされます。上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリストが開きます。
飾り枠は「素材の小路 」様からお借りしました。

スタイルシート(CSS)を他のnovel-template・novel-tempタイプのスタイルシートと差し替えれば、イラストリスト機能を追加した上で、配色・背景画像などデザインを変更(衣替え)することができます。

以下はnovel-template-blueのスタイルシートに変更した場合のイラストリスト

s10-novel-temp-Illust.jpg


DL時のイラストリストは画像の横に記事の冒頭文が表示されるスタイルですが、画像を一覧表示にしたり、特定のカテゴリだけ上のように画像用目次で表示するためのソースが埋め込まれていますので、カスタマイズはとても簡単です。

簡単カスタマイズで表示スタイルを画像一覧に変更した場合↓
s10-novel-temp-Illust-3.jpg



主な機能、設定方法は以下のとおり
  • 記事にユーザータグ【 Illust 】を設定する
  • 画像は 必ず記事本文部分 冒頭 にアップ
  • 画像の幅と高さの指定は削除する
  • スタイルシート を変更して衣替えする場合は
    「画像一覧表示のための設定」をコピペして変更したスタイルシートに追加
  • novel-PF・novel-PF2タイプのスタイルシートに差し替えることで、簡単に衣替えOK
  • 特定のカテゴリの目次で画像一覧表示できるソース内包 
  • 登場人物のイラスト付き紹介ページも設定可(DL時は非表示)

詳しくはイラストリスト(Illust List)の説明をご覧ください。

登場人物のイラスト付き紹介ページのサンプルは コチラ コチラ

他のnovel-temp・novel-templateタイプのスタイルシートを差し替えて、イラストリストや画像用目次をカスタマイズした場合の表示は簡単カスタマイズ実行後の表示確認リストで確認できます。
リストのIllustListタグ、画像用目次をクリックすると別窓で開きます。
novel-temp-Illust(イラストリスト付きテンプレート)
»»  2010.05.04.
[Edit]通年 シンプル NoImage 
s-novel-R-Illustlist.jpg

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。

novel-R-Sepia

上の画像をクリックするとイラストリスト付きテンプレートの表紙がプレビューされます。上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリストが開きます。

novel-R-PopUpと同じスタイルシートでですので、背景デザインも同じです。背景画像は「EGP」様からお借りしました。お借りした写真は一点だけですが、大きな一枚画像ですので、ページごとに背景配置を変えさせていただきました。横幅1200くらいまでの解析度でご覧いただくと、同じ作品でありながら、それぞれの表情が違ってきて見えます。

同じnovel-Rタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや、ポップアップ、一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

但し、衣替え後のテンプレートもイラストリスト付きにするためには
スタイルシートの一番最後部分の「画像一覧表示のための設定」をコピペして変更したCSSに追加します。
衣替えする場合は、コピーライト部分の著作権表示の部分も丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

novel-R-Illust (イラストリスト付きテンプレート)
»»  2010.05.31.
[Edit]写真 風景  通年  
s-novel-R-Illustlist.jpg

以前、小説の登場人物などのイラストがあるサイト様向けに、目次ページやNovelListで、画像を表示させるカスタマイズをご紹介致しましたが、正直余り簡単とはいえないカスタマイズでした。初心者の方は手が出し辛いようでしたので、それら画像表示のためのカスタマイズを、予め施してある、イラストリスト(Illust List)付きのテンプレートをnovel-Rタイプでも作ってみました。ユーザータグIllustを設定した記事は自動的にイラストリストに表示されます。

novel-R-Sepia

上の画像をクリックするとプレビューされます。
上下のメニューバーやサイドメニューにあるIllustをクリックするとイラストリスト↓が開きます。

novel-R-Sepia

同じnovel-Sタイプのテンプレートどうしであれば、スタイルシートもHTMLも互換性がありますので簡単に衣替え(デザイン変更)できます。
↓以下はnovel-S-ajisaiのスタイルシートに変更した場合

s10-novel-temp-Illust2.jpg

背景デザインなどを変更する場合は、スタイルシートを、背景デザインは同じまま、スタンダードなスタイルや一般ブログスタイルなどレイアウト・構成を変更したい時はHTMLを交換します。

但し、衣替え後のテンプレートもイラストリスト付きにするためには
スタイルシートの一番最後部分の「画像一覧表示のための設定」をコピペして変更したCSSに追加します。
衣替えする場合は、コピーライト部分の著作権表示の部分も丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順

novel-S-Illust(イラストリスト付きテンプレート)
»»  2010.06.15.
[Edit]シンプル NoImage 
20100710-224831-09315700.gif
s-10normal-PF-Plain2.jpg


novel-PFタイプのイラストリスト付きテンプレートを共有テンプレートとして申請しました。
イラストリスト付きテンプレートの詳細は コチラ コチラをご覧ください。

同じnovel-PFタイプのテンプレートであれば、スタイルシートを差し替えることで、イラストリスト機能を移行した上で、配色・背景画像などデザインを変更(衣替え)することができます。
詳しくは  「novel-PFタイプのテンプレート(novel-PF-HTML)の衣替え
novel-PF2-PlainのHTMLに変更すると、表紙ページに更新情報が最初から表示されるスタイルに変更できます。
詳しくは  コチラ

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

ポップアップ表示のカスタマイズについては⇒コチラ と コチラ
アクセス解析などのタグを追加したせいで表示がずれてしまった場合はコチラ

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

novel-PF-Illust イラストリスト付きテンプレート
»»  2010.07.07.
[Edit]通年 NoImage シンプル Popup 

名前変換フォーム

Script by
ブログで夢小説!ユメミル?
densha2cb.gif
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。