おおおお！！タグを教えてくれて有難うございます。
いつもブログを見ていて素敵なスクロールバーだなって思っていたのですがこんなに細かく設定していたんですね。
スクロールバーを自分で色々設定するのが苦手なのでつい便利な物に頼ってしまいます

これなんかも便利かも知れませんです。
http://www.koikikukan.com/archives/2005/05/11-235859.php
特に１．CSSでスクロールバーを表示する方法が便利です。

いつも参考にしてます。これからも色々教えてくださいね。

これは横幅の指定をせず縦指定のみなので、左右カラムの長さを合わせたい場合に便利だと思います。
(ただ単に横幅指定を取っ払っただけなんですが(滝汗))
枠指定も無いので、プラグイン内の横幅をめいっぱい使えるのではないかと♪

しかし、他ブラウザで見ていないのでどうなっていることやら(汗)
心配です(；´Д｀)

出来ましたーーーー
枠の高さだけ変えました
あとは、、、怖かったんでいじくってません。。。

色々教えてもらえて
本当に助かってます
ありがとうございます

▼と▲部分だけでも
http://www.colordic.org/
こちらのサイト様で好きな色を選んで指定するのも、ちょっとしたワンポイントになっていいかもしれませんよ♪

すぐに戻せますので、是非試してみて下さいね！

ブログの色に合わせてあずき色（？）にすると統一されるかもしれないですね
見てみます

メールの通りにこちらの記事にもトラックバックさせてもらいました

やり方合ってたみたいで
無事に送れてよかったです
なんせ初ですから・・・・（汗）

これからは、こういうのも活用していかないとと思いました
今更かな。。。

色が合って可愛くなりましたね♪
プラグインのHTMLはプレビュー出来るので、他の部分も確認しながら色変えすることが出来ます。


こちらにもトラバ有難う御座いましたm(__)m

はじめまして。
ブログを始めてまだ間もない初心者です
スクロールの設定　ありがとうございます。
自分なりの素敵なサイトにしようと
悪戦苦闘中ですが、こんなにも解りやすく
説明していただけて心強いです。。
これからも、度々勉強に伺います。。。

DL有難うございます♪
色分け用解説図が思いのほか大きく出来上がったので、とっても分かりやすいと思いますw
好みの色で設定して頂いて、素敵なブログにして下さいね(*´ω｀)

素敵なスクロールバーダウンロードさせていただきました。
カテゴリーをスクロールバーにいれることは可能ですか？？

カテゴリー(共有プラグインのもの)のＨＴＭＬを所定の場所に
貼り付けたのですがうまく行きません・・

私のはFC2ブログのテンプレート工房さんが配布されているツリーカテゴリーですが試してみたところ出来ました。

<div style="height:100px;
overflow:auto;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#cccccc;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#ffffff;">

<div class="tree" id="CA" style="line-height:1.2;"><ul>
<!--category--><li>

〜

} }
document.getElementById('CA').innerHTML=I;
--></script>

</div>

こんな感じです。

他の方が配布されているものも大丈夫だと思いますよ♪

みんな の プロフィールは、アクセスアップをお手伝いするサイトです。
http://blog.livedoor.jp/mipurofi/


より多くのひとに貴方のブログを見てもらえます。

サイトがありません…(^_^;)

はじめまして。
こういうのを探していました。
ありがとうございます！

で、早速設置したのですが、ホイールでのスクロールはできるのですが、スクロールバーが表示されません。
色もどれを変えても何も変化がありませんでした。
何がいけないのでしょうか？
左メニューの「リンク(更新通知用) 」の部分で使用させていただいております。
お忙しいところ恐れ入りますが、お時間のある時で結構ですのでよろしくお願いいたします。

スクロールバーの設置方法には問題ないようです。
同じテンプレートをダウンロードしてみたところ、私のリンクリストは表示されました。
推測なのですが、更新マークの王冠アイコンの大きさ(もしくは表示位置)が関係しているのかもしれません。

ブログピープルにログインして
＞更新マークの王冠をリストの前では無く後にしてみる
これで解消されない場合、
＞王冠よりも小さいサイズのものに差し替える

としてみて下さい。

早速のコメントありがとうございました！
無事に表示されるようになりました。

王冠マークを外してもスクロールバーは表示されませんでした。
↓
ちょっと気になっていたことがあったのでブログピープルの設定を確認したところ、枠の幅が大きかったようなので小さくしてみました。(前に使ってたスキンサイズのままになっていたので)
↓
スクロールバーが表示されました！

お騒がせして本当にすみませんでした〜。
これですっきりしました。
ありがとうございました！m(_ _)m

全くの見当違いでした(汗)すみませんm(__)m

ブログピープルの設定ですが、私は
表示形式の設定→詳細設定→リンクの出力形式
の部分を「<DIV>タグ形式」にチェックを入れているのみの初期設定のままでしたので、枠(<TABLE>タグ形式)が引っかかっているということに全く気が付きませんでした(^^;)

なみちさんのおかげで勉強になりました。
こちらこそ有難う御座いました(*´ω｀)

いたおさんの所から飛んできて、それから色々とお世話になっています。
サイト内タグとスクロールバーの設定も無事にできました。
有難う御座います！

自分なりに色々弄って試行錯誤していますが
どーしても分からない事がありまして、質問させて下さい。

私のブログの左右カラム、例えばコメントとトラックバックの間の余白を無くしたいのですが色々調べても分かりませんでした。
よくよく見るとボーダーがあったのですが、コレを消せば少しは間隔が狭くなるかなーと思い試行錯誤しましたが消えませんでしたorz

ちゃんがお暇なときにどんな感じか検証して頂けると嬉しいです。

他の人は気にもしないような細かい部分が気になって気になって・・
今日も徹夜です(ﾉ∀｀)

スタンダードをダウンロードをしてちょっと弄ってみたのですが、下の線は消すことが出来ませんでした。
ライトフレーム使いなので詳しくなくて…すみません(言い訳ですね(^^;))

代わりにHTMLの

<!--▼▼ プラグイン カテゴリー１ ▼▼-->
<!--plugin-->
<!--plugin_first-->

<div class="menu_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<table width="100%"><tr><td class="menu_cont">
<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description></div>
<div style="margin: 10px 0; text-align:<%plugin_first_align>">
<%plugin_first_content>
</div>
<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description2></div>
</td></tr></table><!--/menu_cont-->
<hr class="left_width" />

<!--/plugin_first-->
<!--/plugin-->
<!--▲▲ プラグイン カテゴリー１ ▲▲-->

この赤字の部分の数値を0(ゼロ)にすることで下の間隔が少々狭くなるようです。
(プラグインカテゴリー２も同様です。)

貴重なお時間を割いて頂きまして有難う御座います。
またわざわざ連絡まで下さって感謝です。

どーにか方法がないか自分でもう一度探してみます。
ちゃんさんが指摘してくださったmarginの部分を上下左右に四つとも
指定して上5、下左右を０にしました。
ほんとちょっとですが気持ち的に少しホッｗ
はじめたばかりで変数も読めてない私なんかに返信してくれて
嬉しかったです(´･ω･`)
有難う御座いました♪
テンプレ弄りが好きでお手上げ時にまたお邪魔するかもですが
よろしくです！

あと、ﾂｰﾙなんかも真似して導入させてもらってます(*- -)(*_ _)ペコリ

リンク有難う御座いました。
こちらからもさせて頂きましたm(__)m

背景と同じ色にして隠してある線については過去にいたおさんブログで質問に出ていたような気がして探してみたのですが、どこの記事だったの分かりませんでした。すみません

いたおさんは現在海外にいらっしゃるようで、しばらくお休みみたいです。
ライトフレームだったら大体分かりますので、テンプレを変更するようでしたらお任せ下さい(*´ω｀)

リンクはこっそり張ってました(笑
こちらこそ、まさか張ってくださるとは。
有難う御座います(*- -)(*_ _)

いたおさんの色んな記事をまた熟読していこうと思いますｗ
ライトフレームに転向した際には是非よろしくです(ﾉ∀`*)
(ライトフレームは崩れやすいと注意書きされてたのでスタンダードにしましたorz)

はじめまして(^^)

ブログの記事に他のタグのスクロールバーを付けていたんですが、なぜか動画や画像がおかしくなってしまったので違うスクロールバーのタグを探して、このブログに行き着きました(´ω｀)

ここのタグにしたら画像や動画はきれいに出るようになったんですが、scrollbar-track-colorを透明にして背景と一体化したいんですが、できません。
前のタグは#00ffff;でできました。
scrollbar-track-colorを透明にすることはできないんでしょうか？

ブログのパスはtanagomikanです
回答お願いします(><)

▼ちょっぱーまにぁ。さん
ライトフレームは軽くて使いやすいですよ(´ω｀)と言いつつ画像満載で重くしちゃってますが(汗)

確かスタンダードは『記事中に大きな画像を載せても崩れない』と言う仕様・ライトフレームは『幅を超えたら崩れる』ので『崩れやすい』の表記があるんじゃないかと思います。
画像を自分で縮小して掲載出来たり、サムネイルを使用するのであればライトフレームでも大丈夫だと思いますよ。

ヘッダー画像を変更されましたね♪チョッパー相変わらず可愛いです

▼たまみかさん
＞scrollbar-face-color
＞scrollbar-arrow-color
ここの色を同じに指定することで▲▼は消える筈です。

例…(▼▲無し・枠グレー)
<div style="height:85px;
overflow:auto;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#ffffff;">

本文

</div>

色を指定し直した後、ブラウザ上の「ツール」→「インターネットオプション」→「ファイルの削除」をしてみて下さい。
■色指定用解説図→http://tanpoko.blog70.fc2.com/blog-entry-469.html

何度もレスつけていいものかと悩みながらも書いてます(笑

スタンダードよりもライトフレームの方が軽いのですかぁ(´･ω･`)
最初からライトフレームにしとけば良かったかなぁ・・・
(一ヶ月ずっとこのテンプレ弄りしてたのでまだ少し変える勇気がない模様(o´∀｀)ｱﾊｰﾊ)
アマゾンのウィジェットを入れてるからなのか
一週間ほど前からブログを開くと徐々に画面や文章が表示〜から
背景のピンクが表示されてｼﾞｰっとまったら一気にどーんと
表示になってましたｗ

ほんとはちゃんさんのように色々画像を入れたいんですけどｗ
ついつい可愛い素材を見ると使いたくなるのですが自重してます。

ヘッダー画像はタイトル背景とタイトルを別々にして
背景はランダムになるようにしました＞ｗ＜*
↑それで昨日質問させて頂いたタイトルが動く仕様に至ったのですｗ

早い回答ありがとうございます(^^)
しかし、▲▼を無しにしたいんではなく、scrollbar-track-colorの色を背景と同化したいんです(><)
透明っていうのは無理なんでしょうか？

(追加：今はscrollbar-track-colorを白に設定してるのでパソコンの解像度によっては絵が見えていたり隠れてしまったりします。家のパソコンでは隠れてしまうので、scrollbar-track-colorを透明にしたいんです(><;))

▼ちょっぱーまにぁさん
＞何度もレスつけていいものかと悩みながらも書いてます(笑
大丈夫ですよー＾＾

デジカメ画像の場合はサムネイル、携帯画像は176×144で撮影したものをそのまま掲載するようにしています。
一応ソフトを使い、画質が落ちないギリギリまでバイト数を下げるようにはしているんですが、それでも重いほうかもです(^^;)

▼たまみかさん
『矢印以外を透過』する方法は分かるのですが、『矢印のみ』を透過する方法が分かりません。
お力になれなくて申し訳ありませんm(__)m

矢印以外を透過する方法を知りたかったんですが･･･
でも、もういいです。
お忙しい中ありがとうございました

すみません素ボケてました(^_^;)
何故か「トラックカラー」を「アロー(矢印)カラー」と勘違いしていまして…(汗)
コメント欄のURLも編集して消されていらっしゃるので解決されたのでしょうか？

力及ばず申し訳ありませんでした。

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

単純にスクロールバーを透過させる方法としては

<div style="height:100px;
overflow:auto;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#cccccc;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#ffffff;
filter: chroma(color=#ffffff);">

※スクロールさせる文字やプラグインのHTMLをここに

</div>

この色文字で示した一行を追加する方法がありますが、これだとスクロールバーの中に入れたものでfilter: chroma(color=#○○○○○で指定している色を使った画像等まで透過されてしまいます。
(この上の例で言うと白)
なので、『絶対使わないであろう色』をあえて指定し、それと同じ数値をfilter: chromaに入れます。

たまみかさんの場合は▼▲のarrow-colorのみを残したいとのことですので、そこにはお好きな色を入れ、残り全部に絶対使わない色を指定します。

お好みの色も使わない色もこちらのサイト様
http://www.colordic.org/s/
で探すと便利かと思います。

私が勘違いをしていたせいで返事が遅くなってしまってすみませんm(__)m

私も勘違いしてしまい、恥ずかしい限りです(^^;)
本当に申し訳ないことをしたと反省しておりますm(__)m

この方法を試してみたら、今まで試行錯誤してあきらめかけていたことが嘘のように簡単に透過することができました！！
失礼なことをしたのにこんなに分かりやすく説明していただいて、本当に感謝してます(><;)
ありがとうございました！

何度もコメントすみませんm(__)m
さっきは気づかなかったんですが、透過するとやっぱり動画がおかしくなってしまいます(><;)
上から２つ目の記事に動画が貼ってあります

これは透過するとなってしまうのはしょうがないことなのでしょうか？

お返事が大変遅くなってしまって申し訳ありません。
検索をかけてみたのですが、対策が見つからず…
(グーグル広告が消えてしまう対策の仕方はあったんですが、今回の動画には当てはまらず、解消出来ませんでしたorz)
写真(動画)だと多くの色を使用しているのでどんな色を指定しても当てはまってしまうからでしょうか(推測ですが(^^;))

今、たまみかさんのブログを拝見させて頂いたのですが、プラグインと記事部分を逆にすることで解決されたのですね。
シンプルで綺麗にまとまっていていらっしゃいます♪
それにしても自分のブログのゴチャゴチャさと言ったら…il||li＿|￣|○ il||li

お忙しいなか、私のために調べてくださってありがとうございます(><)
なるほど(＠＠)そういう理由だったら考えられますね!!

私のブログはシンプルすぎやしないかと、悩み中です(^^;)

カスタマイズが楽しいので、これからもちょくちょく自分のできる範囲で変えていきたいとおもってます。
ちゃんさんのブログ、これからも参考にさせていただきます(><)

このブログはテーマが多いというのに見やすくまとまっていて感心しています!!さすがですね(^^)

カテゴリー、最初はこんなに多くなかったんですが、いつの間にやら大変なことになっちゃったんですよ〜(^^;)
レーシックやカスタマイズも最初は普通の記事に書いていたのですが、検索来訪者様が多いので別にしたんです。

ペットは猫以外にもいるのですが、完全に好き嫌いが分かれる生体ですので別ブログに書いています。
そしてやはりカスタマイズを♪
ここもダーク色メインですが、そちらは更にダークです。
………ついでに過疎ってます(爆)

エンターキーによる改行が適用されないのですが、どうすればできるのでしょうか？

改行は
<br />
で出来ます。

記事を書く際にエンターキーで改行するのであれば、
環境設定の変更→ブログの設定→投稿設定
で、
自動改行を「改行をそのまま反映」を選び、更新します。

記事に書いていただけるとは、本当にありがたいです

2年前の記事ですみません(^^;)

カスタマイズ記事は少々ですがいくつか書いているので、記事上の、
「ブログカスタマイズ記事・更新履歴はこちら」
から見てみて下さいね！

お役に立てますように(*´ω｀)

・ 半角の「”」と、5回以上連続での「-」入力は書き込み出来ません。
・ メールアドレス等の個人情報は載せないで下さい。
・ スパム・悪質コメントはスパム対策、及びプロバイダに連絡致します事をご了承下さい。

▼名前

▼タイトル

▼サイト名
▼URL

▼コメント


▼パスワード(任意)
記入すると、名前の後のトリップ付けと送信後のコメント編集・削除が出来ます。
「トリップ」とは名前横に表示される文字の事です。
好きな文字(パス)を入力する事で、暗号化された文字列を表示します。
これは入力したパス毎に異なる為、書込み者の本人確認やなりすまし防止として利用出来ます。

▼鍵コメントの場合はチェックを入れて下さい。
管理者にだけ表示を許可する