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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←ブログタイトルを改行する →novel-temp-momiji 紅葉のテンプレート
 
上記の広告は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-PF タイプ】(擬似フレームタイプ) 固定式メニューバーのカスタマイズ

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

メニューバーに新しいコンテンツを追加する



新作の擬似フレームタイプのテンプレート[novel-PF-Cosmos]では、サイトナビゲーション(メニューバー)がブラウザの上下に固定されており、画面をスクロールしても位置が変わらないよう設定してあります。このメニューバーに新しいコンテンツを追加する場合に備えて、HTMLには予備のボタンを埋め込んでおきました。

全ページ共通の固定式メニューバーですから、カスタマイズするのは上下それぞれ一箇所、あわせて二箇所だけでOKです。前後の不要のタグを削除して、新しいコンテンツ名とアドレスを記載するだけで、簡単にメニューバーに新しいメニューを追加できます。


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

カスタマイズの方法



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

テンプレートの管理]ページを開く


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

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

HTMLをスクロールして下の方にある以下の箇所を探します。

<!--▼▼サイトナビゲーション①(画面上メニューバー)▼▼-->

<div class="navi_top">
<ul>
<li><!--パンくずリスト兼用サイトナビ--><span class="topic_path">


 ~ 中略 ~


</span><!--パンくずリスト兼用サイトナビここまで--></li>

<li> <a href="<%url>?tag=%2A" title="Novel List(小説一覧ページ)へ"> ◆<i>Novel List</i> </a>
</li>
<li> <a href="<%url>archives.html" title="全記事一覧ページ"> ◆<i>All</i> </a>
</li>
<li><a href="<%url>?page=0" title="通常ブログ画面へ"> ◆通常ブログ画面 </a>
</li>

<!--①メニューを追加する場合は下のタグにタイトルとアドレスを記載してこの行と②を削除
<li><a href="アドレス">追加メニュー 1</a></li>
<li><a href="アドレス">追加メニュー 2</a></li>
<li><a href="アドレス">追加メニュー 3</a></li>
②メニューを追加する場合はこの行と①を削除--></li>

<li><!--not_index_area--><i><small><a href="#pagetop" title="↑ページトップへ">▼PageTop </a></small></i> <!--/not_index_area--></li>
</ul>
</div><!--▲▲サイトナビゲーション①(画面上メニューバー)▲▲-->



<!--▼▼サイトナビゲーション②(画面下メニューバー)▼▼-->

<div class="navi_bottom">
<ul>
<li><!--パンくずリスト兼用サイトナビ--><span class="topic_path">


 ~ 中略 ~


</span><!--パンくずリスト兼用サイトナビここまで--></li>

<li> <a href="<%url>?tag=%2A" title="Novel List(小説一覧ページ)へ"> ◆<i>Novel List</i> </a>
</li>
<li> <a href="<%url>archives.html" title="全記事一覧ページ"> ◆<i>All</i> </a>
</li>
<li><a href="<%url>?page=0" title="通常ブログ画面へ"> ◆通常ブログ画面 </a>
</li>

<!--①メニューを追加する場合は下のタグにタイトルとアドレスを記載してこの行と②を削除
<li><a href="アドレス">追加メニュー 1</a></li>
<li><a href="アドレス">追加メニュー 2</a></li>
<li><a href="アドレス">追加メニュー 3</a></li>
②メニューを追加する場合はこの行と①を削除--></li>

<li><a href="#pagetop" title="↑ページトップへ">▲<i>PageTop </i></a> </li>
</ul>
</div>
<!--▲▲サイトナビゲーション②(画面下メニューバー)▲▲-->



説明に従って、追加したいメニューのタイトルとそのアドレスとを記入し、前後を囲んでいる①と②の行を削除します。エリアタグで囲めば特定のエリアだけ表示・非表示にすることもできますし、もっと増やしたい時は繰り返せばOKです。
但し、このメニューバーはパン屑リスト兼用ですので、特に個別記事ページなどでは親カテゴリタイトル(作品名)と子カテゴリタイトルが並びます。全部のメニュータイトルが並んだ時の横幅にご注意ください。

更新 】 をクリックする。


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

~ Comment ~

NoTitle

質問なのですが
私もFC2ブログのオンライン小説をやっているのですが
novel listにどうやって記事を投稿するのか分からないのですが、教えていただけますか?

中川さま

> novel listにどうやって記事を投稿するのか分からないのですが、教えていただけますか?

ご利用者必読記事 v-155

「四つの設定これだけは!」
http://noveltemplate.blog26.fc2.com/blog-entry-35.html

上の記事をご覧ください

NoTitle

本当にありがとうございました

NoTitle

こんにちは^^
いつもいつも本当にお世話になっております。

さて今日はFC2拍手のタグの貼る場所を教えて頂きたいのです。
発行してもらったタグを、

「テンプレートの設定」→HTML、CSSの「編集」でHTML編集を開き、<!--topentry--><!--/topentry-->内に下記タグを貼り付けてください。

こうやって貼って下さいと書かれてあるのですが、
HTML内には<!--topentry--><!--/topentry-->
がいっぱいあるんです。
これの全てに貼っていくのか、ある部分が対応していてそこに貼るのかが分かりません。
お手数ですが教えて頂けると助かります。
よろしくお願いいたします。

柚依

To: 柚依さま

いrっしゃいませ♪

自動表示されるFC2ブログ拍手ボタンではなく、FC2拍手のタグについては、ランキングバナーなどのタグと同じ扱いになります。
ブログをご利用の方は皆様、FC2ブログ拍手をご利用なさるのだとばかり思い込んでおりましたので、記事のタイトルにはFC2拍手という言葉を入れなかったのですが、そのせいで、わかりにくかったようですね。
柚依さま以外にも、以前、同じようなご質問を頂戴いたしましたので、今回、記事タイトルに「FC2拍手」という言葉を追加致しました。
記事内容も多少補足を加えましたので、ご参照くださいませ。
http://noveltemplate.blog26.fc2.com/blog-entry-75.html

特に、コメント欄でご返答した内容がお役に立つのではないかと思います。
柚依さまが現在ご利用くださっているテンプレートはnovel-templateスタンダードタイプですから、タグの設置箇所は二箇所になります。
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←ブログタイトルを改行する    →novel-temp-momiji 紅葉のテンプレート

名前変換フォーム

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