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

スポンサー広告

スポンサーサイト

この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←全てのテンプレートのバージョンアップ完了! →全記事一覧ページを更新順リストから親子カテゴリ対応タイトルリストへ変更
 
上記の広告は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 : カスタマイズの難易度3 
この作品は夢小説のサンプルですので、左上の名前変換フォームで設定すると、主人公の名前を変換してご覧になれます。
Novel テンプレートは五つの基本設定をして初めて、目次も前話ページ次話ページへのナビも表紙メニューも小説一覧ページ(NovelList)も自動作成されます。御利用の際には五つの基本設定をお忘れなく!
 ←全てのテンプレートのバージョンアップ完了! →全記事一覧ページを更新順リストから親子カテゴリ対応タイトルリストへ変更
 
カスタマイズの難易度3 カスタマイズの難易度3

「最近の更新」をスクロールバーで囲む



このカスタマイズは「ブログパーツをさがせ」さまの
かこんで楽しいスクロールバーの設定 で教えていただきました。
satokotoさま、ありがとうございました!


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

カスタマイズの方法



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


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

HTML編集]部分をカスタマイズします。
HTMLをスクロールして以下の部分を探します。スクロールバーで囲むのは赤字の部分です。

<!-- ▼ ▼フリースペース▼▼ -->
<div class="topindex">
<h2><font style="background-color:#ffffff;font-weight : bold;">ご案内</font></h2>
<p><%introduction>
<br /><br /></p>
<!-- ▲ ▲フリースペース ▲▲-->

<br />
<h3><font style="background-color:#ffffff;font-weight : bold;">最近の更新</font></h3>
<div class="side_text">
<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>

<script type="text/javascript">
<!--


前後に青字の部分を追加することでスクロールバーを設置できます。

<div style="overflow: auto;
height:130px;
border: 1px #C2A858 dotted;
border: 1px #C2A858 dotted;
scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #C2A858;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C2A858;
scrollbar-arrow-color: #C2A858;">

<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><br />
<!--/recent-->
</ul>
</div>


このままでもOKですが、ちょっと狭苦しく見えるので文頭のリストマークをはずしましょう。上から赤字の部分を削除して緑色の部分を追加します。

更新】をクリック


スクロールバーのカスタマイズは他の場所でも使えます。通常ブログ画面のサイドバーで囲みたいプラグインがあれば同じ様にスクロールバーで囲むことができます。

プラグインをスクロールバーで囲む


菅理ページから[環境設定]⇒【プラグインの設定】をクリックして
[プラグインタイトル]ページを開く。
[PCプラグイン]のリストの〔▼プラグインカテゴリ1〕〔▼プラグインカテゴリ2〕の中から
スクロールバーで囲みたいプラグインタイトルの【 詳細 】 をクリック
開いたページの表の一番下の欄を見ます。↓
プラグインの改造  【HTMLの編集】を行います。(上級者向け)


(上級者向け)という言葉にびびることなく、【HTMLの編集】をクリック
開かれた画面に表示されているHTMLの前後を上と同じように青字で記されたタグで囲めばOKです。
設定】をクリック


スクロールバーの色を変更なさりたい時は、上述した「プログバーツを探せ」さまの当該記事に、スクロールバーに関する便利なサイトさまがたくさんご紹介されておりますのでそちらをご参考になさってください。「プログパーツを探せ」様は、FC2に限らず、ありとあらゆる(と申してよいかと)プログパーツの情報をサンプルと共にご紹介なさっている、ブロガーであれば必見のサイトさまです。とっても便利でとっても楽しいブログパーツの情報が盛りだくさんですので、お時間のある時など、ぜひ一度伺ってみてくださいませ。

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

~ Comment ~

解決しました。ありがとうございました。

height:〇〇px; の数値の変更、まさに私が訊きたかったことです。
前の質問をする前にこのページの上記の記事は読んでいたのですが、(たぶんここだと思って)どこを変更していいのかわからなかったのです。
私はブログで一日に2~4記事の投稿をするので、せめて”NEW”のついた記事だけでもスクロールなしに表示したかったのです。でないと見落とされる気がして・・・
調子にのって100pxを170pxに表示しました。うちのブログには丁度いいです。
素早い対応をしていただいて本当にありがとうございました。

To:ミスティ様

すっかりカスタマイズにも慣れ、もう初心者モードからはご卒業なさったご様子のミスティ様ですので、今後のためにあえて、お願い申しあげたい事があります。

カスタマイズはご自由にしてくださって全く構わないのですが、その基本はご自身の出来る範囲ということになっております。特に、記事でご紹介したカスタマイズ以外のデザイン変更に関しては、利用規約その他で繰り返し述べておりますように、あくまでご自力でお願いしております。

個々のユーザー様それぞれのケースに合わせて、50を超えるテンプレートの、それぞれのコンテンツに関するご質問にお答えする事はできかねるからです。

今回はご返答させていただきましたが、更新履歴のボックスの高さもまた、記事で述べておりますように、管理人は管理人なりのポリシーとこだわりをもって定めていたわけですので、実はこれもデザイン変更にあたります。

拙宅でご紹介しているカスタマイズは、基本、コピペだけでOKの、本当に、初心者の方を対象としたカスタマイズです。拙宅の記事でカスタマイズの楽しさを覚えてくださった方は多く、それはそれでとても嬉しい事ですが、ご自身のブログを、ご自身の思うように、自由にアレンジ、カスタマイズするためには、コピペだけでOKの拙宅の記事だけでは不十分ですし、そこまでのサポートは、管理人にも出来かねるのです。

今後、拙宅でご紹介したカスタマイズ以外のデザイン変更に関しては、ハウツー系サイト様などをご参考に、ご自力でお調べいただけたらと存じます。

何卒ご理解くださいますようお願い申しあげます。

管理人のみ閲覧できます

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

Re: 失礼しました

ご理解いただけて、ありがたいです。
これからも、どうぞよろしくお願い申しあげます。<m(__)m>
カスタマイズに関するご質問は、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけマニュアル内の関連記事にお願い致します。
初めて投稿なさる方は必ず  コメントの際の諸注意 をご確認ください。URL表記のないご質問、シークレットコメントのみのご質問等、諸注意を無視したコメントには返答致しません。
管理者のみ表示。 | 非公開コメント投稿可能です。
  ↑記事冒頭へ  
←全てのテンプレートのバージョンアップ完了!    →全記事一覧ページを更新順リストから親子カテゴリ対応タイトルリストへ変更

名前変換フォーム

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