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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-R-Sepia セピア色のテンプレート →novel-R-Angel 天使のテンプレート
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png スポンサーサイト
携帯用Novelテンプレート 3kaku_s_L.png スポンサーサイト
表紙ページ 3kaku_s_L.png スポンサーサイト
Novel List 3kaku_s_L.png スポンサーサイト
目次ページ 3kaku_s_L.png スポンサーサイト
小説本文(個別記事)ページ 3kaku_s_L.png スポンサーサイト
イラストリスト 3kaku_s_L.png スポンサーサイト
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png スポンサーサイト
その他・共通ページ 3kaku_s_L.png スポンサーサイト
携帯用テンプレートのカスタマイズ 3kaku_s_L.png スポンサーサイト
テンプレート別のカスタマイズ 3kaku_s_L.png スポンサーサイト
サイト内配布テンプレート 3kaku_s_L.png スポンサーサイト
テンプレートの衣替え 3kaku_s_L.png スポンサーサイト
裏技カスタマイズ 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png スポンサーサイト
novel-tempタイプ 3kaku_s_L.png スポンサーサイト
novel-Sタイプ 3kaku_s_L.png スポンサーサイト
novel-Rタイプ 3kaku_s_L.png スポンサーサイト
novel-Gタイプ 3kaku_s_L.png スポンサーサイト
novel-Jタイプ 3kaku_s_L.png スポンサーサイト
novel-Cタイプ 3kaku_s_L.png スポンサーサイト
素材屋風テンプレート 3kaku_s_L.png スポンサーサイト
疑似フレームテンプレート 3kaku_s_L.png スポンサーサイト
novel-PF2タイプ 3kaku_s_L.png スポンサーサイト
夢小説用テンプレート 3kaku_s_L.png スポンサーサイト
イラストリスト付きテンプレート 3kaku_s_L.png スポンサーサイト
携帯用テンプレート 3kaku_s_L.png スポンサーサイト
一般ブログ用テンプレート 3kaku_s_L.png スポンサーサイト
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png スポンサーサイト
不具合の修正 3kaku_s_L.png スポンサーサイト
その他お知らせなど 3kaku_s_L.png スポンサーサイト
管理人のおススメ 3kaku_s_L.png スポンサーサイト
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png スポンサーサイト
雪の女王 3kaku_s_L.png スポンサーサイト
銀河鉄道の夜 3kaku_s_L.png スポンサーサイト
坊っちゃん 3kaku_s_L.png スポンサーサイト
幸福の王子(夢小説サンプル)  3kaku_s_L.png スポンサーサイト
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit
   
 

「テンプレート一覧」
イラストリスト付きテンプレート

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

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : 写真 風景  通年  
 Image : 写真 風景  通年  
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-R-Sepia セピア色のテンプレート →novel-R-Angel 天使のテンプレート
 
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に追加します。
衣替えする場合は、コピーライト部分の著作権表示の部分も丸ごと差し替えてください。
詳しくは コチラ 「衣替え(スタイルシート変更)の手順



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

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

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

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

s10-novel-R-Fuwari-en30.jpgDL時(ワイド版)

また、個別記事ページの表示はDL時は上のような可変性の全面表示ですが、スタイルシートの中から(A)と(B)の二行を削除するだけで、下の画像のような固定幅中央表示に変更できます。
Compact-R-Skyコンパクト版変更後
詳しくは コチラ 「個別記事の表示をコンパクト版・ワイド版に変更する」

関連記事
スポンサーサイト
Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加Buzzurlにブックマーク
総もくじ  3kaku_s_L.png テンプレートマニュアル共有テンプレート画像のためのカテゴリ
テンプレートについて 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
携帯用Novelテンプレート 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
表紙ページ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
Novel List 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
目次ページ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
小説本文(個別記事)ページ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
イラストリスト 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
全記事一覧ページ(All Titlelist 総目次) 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
その他・共通ページ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
携帯用テンプレートのカスタマイズ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
テンプレート別のカスタマイズ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
サイト内配布テンプレート 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
テンプレートの衣替え 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
裏技カスタマイズ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
総もくじ  3kaku_s_L.png テンプレート一覧共有テンプレート画像のためのカテゴリ
novel-templateタイプ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
novel-tempタイプ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
novel-Sタイプ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
novel-Rタイプ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
novel-Gタイプ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
novel-Jタイプ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
novel-Cタイプ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
素材屋風テンプレート 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
疑似フレームテンプレート 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
novel-PF2タイプ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
夢小説用テンプレート 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
イラストリスト付きテンプレート 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
携帯用テンプレート 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
一般ブログ用テンプレート 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
総もくじ  3kaku_s_L.png テンプレート情報共有テンプレート画像のためのカテゴリ
バージョンアップや改訂内容 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
不具合の修正 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
その他お知らせなど 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
管理人のおススメ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
もくじ  3kaku_s_L.png 未分類
総もくじ  3kaku_s_L.png 小説サンプル(親カテゴリ)共有テンプレート画像のためのカテゴリ
風立ちぬ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
雪の女王 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
銀河鉄道の夜 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
坊っちゃん 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
幸福の王子(夢小説サンプル)  3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png novel-R-Illust (イラストリスト付きテンプレート)
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]▽CO[0]
関連カスタマイズ記事一覧 写真 風景  通年  
   

~ Comment ~

カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←novel-R-Sepia セピア色のテンプレート    →novel-R-Angel 天使のテンプレート

名前変換フォーム

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