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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-S-pumpkin2 ハロウィンテンプレート →novel-R-Moon ふわふわ。り様の月のメルヘンテンプレート
 
上記の広告は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 テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←novel-S-pumpkin2 ハロウィンテンプレート →novel-R-Moon ふわふわ。り様の月のメルヘンテンプレート
 
カスタマイズの難易度1 カスタマイズの難易度1

拙作ご利用前、一般ブログテンプレートで小説を公開していたユーザーの皆様の中には、追記部分は主に「後書き」などを書くのに利用なさっていたという方は多いかと思います。


追記が折りたたまれていれば、「ご覧になりたい方だけ以下をクリックしてください」的な、ワンクッションおいた使い方ができたので、パスワードをかけるほどではないけれど、ちょっとだけ隠したい?シーンの時などに、都合がよかったみたいですね。(#^.^#)


Novelテンプレートの通常ブログ画面では、「続きを読む」をクリックすると小説本文ページへとびますが、小説本文ページでは、本文・追記の別なく、普通に表示されておりますので、こうした使い方ができません。
この件に関しては、ユーザーの方から何回かご質問いただいたこともありますが、FC2ブログの追記部分を折りたためるのはページエリア(通常ブログ画面)だけなので、こればっかりはどうしようもありませんでした。

Novelテンプレートの表紙ページでは親子カテゴリやコメント・トラックバックなどは折りたたまれて表示されます。現在組み込んである折りたたみスクリプトはHarukiya Archives様からお借りしたものですが、小説本文ページでも使える設定にしてありますので、これを利用して、ワンクッションおきたい内容を折りたたんで一見隠しておける、ちょっとした小技をご紹介いたします。

但し、この折りたたみが可能なのはJavaScript有効の時だけです。JavaScriptをオフにしている場合、折りたたみは最初から開示されて表示されます。

記事の折りたたみ方


記事を投稿する時、折りたたみたい部分の上下を以下のタグで囲むだけOKです。
赤字の部分がスイッチになりますからお好みの言葉を入れててください。

<span>ここをクリック▼</span><div class="js_close">

~ 折りたたみたい内容をここに書く ~


</div>


 2013.2.21.補足
ブロック<div>は必ず、</div>で閉じていることを確認してください。
初心者の方は、ブロックの開始タグ<div>と閉じタグ</div>を混同してしまう場合が多いので、特に気を付けてください。
<div>スラッシュなしが開始タグ</div>スラッシュありが閉じタグです。斜線一本だけの違いですが、これがあるとないでは大違いなので、絶対に間違えないようにしてください。
これを忘れたり、間違えるとテンプレートのレイアウトが崩れます。個別記事では正常に表示されても、他のページのどこかが、必ず崩れてしまうので要注意です!

以下は実際の表示例 赤字の部分をクリックすると折りたたみが開きます
       ここをクリック▼

~ 折りたたみたい内容をここに書く ~


スイッチは画像でも代用できます。その場合は<span>~</span>の部分をイメージタグに変更してください。

<img src="画像アドレス"><div class="js_close">

~ 折りたたみたい内容をここに書く ~


</div>


以下は実際の表示例 画像をクリックすると折りたたみが開きます。
       

~ 折りたたみたい内容をここに書く ~


折りたたみのスイッチを右端に表示する場合

<div align="right">ここをクリック▼</div><div class="js_close">

~ 折りたたみたい内容をここに書く ~

</div>

右端に表示されます。⇒⇒⇒⇒⇒⇒⇒⇒⇒
ここをクリック▼

~ 折りたたみたい内容をここに書く ~


 注意点
冒頭文字の装飾設定ありのテンプレートで、追記冒頭にこの折りたたみを使うと、Firefoxでは折りたたみが開かないことがあります。念のために、追記冒頭から折りたたみたい場合は、追記冒頭に改行タグ
を追加してから投稿してください。

 規約改訂以前に画像を変更してご利用のユーザー様も、この小技を導入するために再DLなさる場合は、改訂後の画像変更の条件の順守とご連絡をお願い致します。(一度ご連絡いただければ、再度のご連絡は不要です。)
関連記事
スポンサーサイト
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サイト作成支援系 ブログテンプレート
参加しているのは、ブログテンプレートや小説サイト関連のランキングなので、もしかしたらリンク先で、皆様のお役に立つ情報も見つかるかもしれません♪
   

~ Comment ~

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

名前変換フォーム

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