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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←イラストリスト付きテンプレート 特定のカテゴリの目次で画像を一覧させる →novel-PF2-Illust(イラストリスト付きテンプレート)
 
上記の広告は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
   
 

「テンプレートマニュアル」
イラストリスト

イラストリスト付きテンプレート 複数のカテゴリの目次で画像を一覧させる

 画像のないテンプレートで記事をご覧になる場合は
 Temlplate Image : カスタマイズの難易度2 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←イラストリスト付きテンプレート 特定のカテゴリの目次で画像を一覧させる →novel-PF2-Illust(イラストリスト付きテンプレート)
 
カスタマイズの難易度2 カスタマイズの難易度2

以下はイラストリスト付きテンプレートをご利用の場合のカスタマイズのご紹介です。
イラストリスト(Illust List)・イラストリスト付きテンプレートについての説明は コチラ コチラ

複数のカテゴリの目次で画像を一覧させる場合


前ページでは、イラストリスト付きテンプレートに予め埋め込まれているソースによって、特定のカテゴリの目次を、簡単に、画像を一覧表示させるスタイルに変更するカスタマイズをご紹介いたしましたが、複数のカテゴリの目次の表示スタイルの変更も簡単にできます。

☆ カスタマイズの前にはコピーをとりましょう!コピーのとり方はコチラ こちら  

 カスタマイズ




[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして
テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんなふうに上から順番に並んでいます。

HTML編集]部分をカスタマイズします。


(例)カテゴリ番号10、カテゴリ番号20、カテゴリ番号30 の目次で画像を一覧させ、
その内、カテゴリ番号10とカテゴリ番号20は、画像用目次(1)のスタイル、
カテゴリ番号30は、画像用目次(2)のスタイルで表示させる場合

最初に<head> 部分を以下のように追加・変更します。


.hidden_cat10 , .hidden_cat20 , .hidden_cat30 { display: none; }
--></style>


注意 追加した部分のカンマとドット(赤字の部分)を忘れずに!

.hidden_cat10 , .hidden_cat20, .hidden_cat30 { display: none; }

次に<body>部分を以下のようにカスタマイズします。

<!--▽作品目次(カテゴリ)ページ▽-->
<!--category_area-->
<h2>Index ~作品もくじ~</h2>

<div class="entry">
<div class="hidden_cat<%cno>">

 ~ 中 略 ~



<!--特定のカテゴリの目次で画像を一覧表示させる場合head内(AA-1)と
以下の画像用目次(1)の(2)いずれかのスタイルを選んでgazouXXのXXをカテゴリ番号に変更-->

<!--画像用目次(1)画像が横に並んで一覧表示されるスタイル-->
<div class="c gazou10 gazou20">

 ~ 中 略 ~


</div>
<!--画像用目次(1)画像が横に並んで一覧表示されるスタイル-->


<!--画像用目次(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル-->
<div class="c gazou30" align="center">

 ~ 中 略 ~


</div>
<!--画像用目次(2)画像(イラスト)の横に記事冒頭文が表示されるスタイル -->




注意 複数のカテゴリを同じスタイルで画像一覧表示させる場合、クラス名の指定部分のスペースを忘れずに!
<div class="c gazou10 gazou20"> の c と gazou10 と gazou20 の間にある半角スペースのことです。
ここは必ず半角スペースにしてください。全角スペースだと反映されません!

更新 】 をクリックする。


関連記事
スポンサーサイト
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 イラストリスト付きテンプレート 複数のカテゴリの目次で画像を一覧させる
総もくじ  3kaku_s_L.png 画像のためのカテゴリ共有テンプレート画像のためのカテゴリ
人物イラストのためのカテゴリ 3kaku_s_L.png イラストリスト付きテンプレート 複数のカテゴリの目次で画像を一覧させる
 ランキングに参加中 ~応援(クリック)していただけると嬉しいです~ 素材専門検索サイトsozai-R 素材専門検索サイトsozai-R ジャンル:SKIN配布
にほんブログ村 ブログブログ ブログテンプレートへ にほんブログ村 ブログテンプレート
0574 Web Site RankingWebサイト作成支援系    0574 Web Site Ranking ジャンル:Webサイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
*Edit ▽TB[0]▽CO[4]
関連カスタマイズ記事一覧 カスタマイズの難易度2 
   

~ Comment ~

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

カテゴリーで画像一覧をさせたかったので設定をしましたが・・・


 再びお世話になりますm(__)m

 複数カテゴリもくじで画像一覧出来る設定というので
 さっそく、実行致しました。
 が^^;
 反映されないようです・・
 元の方で時間がかかるのでしょうか(滝汗)

 プレビューしてみましたが、一覧にはなっていませんでした。

 http://friendly756.blog111.fc2.com/blog-category-42.html

 http://friendly756.blog111.fc2.com/blog-category-22.html
 のように文字だけです・・・
 
 半角英数字で半角スペース。
 確実ですが・・・

 どうすると良いのでしょうか?
 お時間のある時で良いのでアドバイスお願いします。

 m(__)m

 PS: せっかくのイラスト画像リストテンプレートなので
   きれいな画像が表示されていたら、訪問された方も
   画像によっては、引き込まれるだろうと思うのです。
   素晴らしいフォトや個性的なイラストなどを
   観て頂ければと考えています。
   画像は心が癒されますから。

   今回もお手数をおかけしますが
   どうぞ宜しくお願いします。


  

Re: カテゴリーで画像一覧をさせたかったので設定をしましたが・・・

拙宅パソコンで確認するかぎり、両ページとも、きれいに画像が一覧表示されております。

思うに、katakuri様のパソコンのブラウザが更新されていないだけかと。


キーボードのF5か、画面アドレスバー横の更新ボタン(IEの場合は上下矢印↓↑、Firefoxならぐるっと矢印)をクリックして御確認ください。

  • #1048 Novelテンプレート管理人 
  • URL 
  • 2011.08/04 09:43 
  •  ▲EntryTop 

ご回答有り難うございます

 コメント欄に記入してから30分後
 きれいに反映されているカテゴリもありますが・・・

 
 記事も出ないカテゴリが出来てしまいました。(滝汗)↓

http://friendly756.blog111.fc2.com/blog-category-38.html

 更新もしてみたのですが・・・
 反映されるには、時間がかかるのでしょうか。
 PCの環境によるのでしょうか?
 素直に前回は、反映がすぐだったのですけれどね^^;

 記事の出ないカテゴリは、とりあえずやめておきます。

 今回も早いお返事有り難うございました。m(__)m

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

名前変換フォーム

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