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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←IE6バグと対処法あれこれ →プラグインを折りたたむ
 
上記の広告は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)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←IE6バグと対処法あれこれ →プラグインを折りたたむ
 
カスタマイズの難易度2(変更箇所は一箇所だけ) カスタマイズの難易度2

Novelテンプレートでは表紙ページや全記事一覧タイトルリスト(総目次)など随所に折りたたみ(JavaScript有効時にクリックで開閉・無効時は最初から開示)を導入しています。
これらの折りたたみは、以前、小説本文ページで後書きを折りたたむ小技でもご紹介した
Harukiya Archives様の外部スクリプト:要素の汎用折りたたみ「なんでもたたむよ」をお借りしております。


PFタイプ・PF2タイプ・Pタイプ・Gタイプ以外のテンプレート→メインカラムの月別更新・最近のコメント・トラックバックが、初期設定で折りたたみ、クリックで開示。

Gタイプ→サイドメニュー、「ご案内」「最近の更新」が初期設定開示、それ以外は折りたたみ。


導入個所や、ページを開いた時に折りたたまれているか、開示されているかは、テンプレートによって違いますが、どの場合も、初期設定の開閉状況は、折りたたみ部分を囲んでいるブロックのクラス名で決定されます。

開いている場合は<div class="js_open">

閉じている場合は<div class="js_close">

ページを開いた時の開閉状況を変更する場合は、クラス名を変更するだけでOKです。


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

カスタマイズ



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


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

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

折りたたみ部分の開閉状況の変更



以下はnovel-Gタイプの例です。

TMLをスクロールして以下の個所を探します。

<!--▼▼サイドカラム▼▼-->
<div class="layout_side">

<!--index_area-->

<!-- ▽ サイドカラム表紙ページ -->

<div class="side_menu">

<h2>MENU</h2>
<div id="JSOK1" style="display:none;">
<h3><a href="#" title=""> ご案内</a></h3><div class="js_open">
<div class="side_text">
<%introduction>
</div></div>

<h3><a href="#" title=""> 最近の更新</a></h3><div class="js_open">
<div class="side_text side_text2">
<ul><!--recent--><li>
<%recent_month>.<%recent_day>.  <a href="<%recent_link>" title="[<%recent_title>]を読む"><%recent_title></a> <script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script> </li>
<!--/recent--></ul>
</div></div>

</div>
<script> document.getElementById("JSOK1").style.display = "block";</script>

~ 中略 ~

<h3><a href="#" title="~クリックすると掲載している小説タイトルが表示されます~"> MAIN</a></h3>
<div class="js_close">

<!--▼小説(カテゴリー)タイトルメニュー-->
<!--category-->
~ 中略 ~
<!--/category-->
<!--▲小説(カテゴリー)タイトルメニュー-->
</div>

<h3><a href="<%url>?tag=%2A" title=" ~ Novel List ~ 小説一覧ページ ~"> Novel List </a></h3>
<div id="JSOK2" style="display:none;">

<h3><a href="#" title=""> 月別の更新履歴</a></h3><div class="js_close">
<div class="side_text side_text2">
~ 中略 ~
</div></div>


<h3 class="cotr"><a href="#" title=""> 最近のコメント</a></h3><div class="js_close">
<div class="side_text cotr side_text2">
~ 中略 ~
</div></div>


<h3 class="cotr"><a href="#" title=""> 最近のトラックバック</a></h3><div class="js_close">
<div class="side_text cotr side_text2">
~ 中略 ~
</div></div>

</div><script> document.getElementById("JSOK2").style.display = "block";</script>


~ 中略 ~

<!--▼プラグインカテゴリー3-->
<!--plugin-->
<!--plugin_third-->
<div class="p-<%plugin_third_tag><%plugin_third_no>">
<h3 class="side_menu2"><span class="font_plg3">  <%plugin_third_title></span></h3>
<div class="js_close">
<div class="side_text">
~ 中略 ~
</div></div></div>
<!--/plugin_third-->
<!--/plugin-->
<!--▲プラグインカテゴリー3-->


</div>
<!--/index_area-->
<!-- △ サイドカラム表紙ページ -->


js_open と js_close をそれぞれ変更すると
初期設定の折りたたみ部分の開閉状況を変更できます


更新】をクリック


関連記事
スポンサーサイト
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[0]
関連カスタマイズ記事一覧 カスタマイズの難易度2 
   

~ Comment ~

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

名前変換フォーム

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