stroll [名] [C] ぶらぶら歩き,散歩.

  スポンサーサイト

一定期間更新がないため広告を表示しています

- | permalink | - | - | ↑top
Clip!! | Ranking |

  スクロールバーの色を変えるには

以下をCSSに追加すれば、スクロールバーの色変えられます。

html {
scrollbar-3dlight-color : #FFFFFF;
scrollbar-arrow-color : #336666;
scrollbar-base-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-highlight-color : #CCCCCC;
scrollbar-shadow-color : #CCCCCC;
scrollbar-track-color : #FFFFFF;
}

scrollbar-3dlight-color :スクロールバーの左端と上端の色
scrollbar-arrow-color :スクロールバーの矢印の色
scrollbar-base-color :スクロールバーのベースの色
scrollbar-darkshadow-color:スクロールバーの右端と下端の色
scrollbar-face-color :スクロールバーの表面の色
scrollbar-highlight-color :スクロールバーのハイライトの色
scrollbar-shadow-color :スクロールバーの影の色
scrollbar-track-color :スクロールバーの通路の色
カスタマイズ(blog) | permalink | comments(55) | trackbacks(17) | ↑top
Clip!! | Ranking |

  スポンサーサイト

- | permalink | - | - | ↑top
Clip!! | Ranking |

  Comment List
はじめまして。
普通のサイトのようにCSSで作れないの苦労していました。
どうもありがとうございました。
kadorinさん | 2004/07/04 08:48
>>kadorinさん
はじめまして。
お役に立てたみたいで良かったです。
これからもよろしくです。
strollさん | 2004/07/04 22:31
こんばんわ、strollさん^^
これも、しっかりいただきました。
どうもありがとうございます。
さいもんさん | 2004/07/05 20:02
>>さいもんさん
毎度、ご利用ありがとうございます。
strollさん | 2004/07/05 23:58
スクロールバー頂きました!
ありがとうございました。
ちか。さん | 2004/08/01 23:50
何やてもスクロールバーが変えられなくて
こちらで見つけて変えてみました。

ありがとうございました☆
miaさん | 2004/08/01 23:55
>>ちか。さん
>>miaさん
ども。
お役に立ててよかったです。
これからもよろしくです。
strollさん | 2004/08/02 00:25
スクロールバーを変えることができました!ありがとうございました。
えんさん | 2004/08/06 23:11
ご紹介いただいて、こちらにきました。今からやってみたいと思います。
cholitaさん | 2004/08/11 19:30
>>えんさん
お役に立てたようでよかったです。
他のカスタマイズネタで気に入ったのがあったらぜひ!
これからもよろしく〜。

>>cholitaさん
>ご紹介いただいて、こちらにきました。
ウチを紹介してくれる人がいるんですねぇ。
いや〜、ありがたい。
ウマくできましたかね?
strollさん | 2004/08/11 23:34
はじめまして
htmlだとは思いもしませんでした。
ずっと悩んでたんですけど一気に解決できました!!
ありがとうございました☆
のにさん | 2004/08/15 19:07
>>のにさん
はじめまして。
フツーの?HTMLだったらbodyでOKですもんね。
悩みが解決できてよかったです。
これからもよろしく〜。
strollさん | 2004/08/15 23:09
はじめまして^^
ずっとbodyタグだと思っていて、全然変わらなかったので
困っていたんですがナゾが解けました!
本当にありがとうございました♪
あんずさん | 2004/08/16 07:53
>>あんずさん
はじめまして。
やっぱりみんなbody{...}に書いちゃうんですよね。
記事にしてよかったです。
これからもよろしく〜。
strollさん | 2004/08/16 19:15
こんばんわー。毎回お世話になってすみません。
スクロールバーの色で質問なんですが、↑を追加すると
全体に統一で反映されますよね?
(コメント欄やリンクの横のバーなどに)
これは個別に色をかえることとかできるんでしょうか?
HTMLを書き換えないといけないのかな・・・
自分で調べたんですが、JUGEMはHTMLとSCC個別に分かれてるので
よくわかりませんでした><(JUGEMしか知らないんですが)
よかったらお暇なときでも教えて下さいませ。
次回のスクリプトも楽しみにしてます。ワクワク。
めけ。さん | 2004/08/17 01:45
>>めけ。さん
>これは個別に色をかえることとかできるんでしょうか?
CSSの設定で可能ですよ。
たぶん、下記のような感じでリンクリストなどの部分をスクロール表示してると思うんですが、
#linklist {
overflow: auto; height: 250px;
}
ここに、html{...}に追加したようにスクロールバーの色の設定を書けばOKです。
例)
#linklist {
overflow: auto; height: 250px;
scrollbar-3dlight-color : #111111;
scrollbar-arrow-color : #0000F2;
scrollbar-base-color : #111111;
scrollbar-darkshadow-color : #111111;
scrollbar-highlight-color : #CCCCCC;
scrollbar-shadow-color : #CCCCCC;
scrollbar-track-color : #111111;
}
どうでしょうか?
strollさん | 2004/08/17 12:49
こんばんは。
ずっとスクロールバーの変更したくて悩んでました。
ありがとうございました。
あとひとつ質問なのですが、インラインフレームで表示している部分のスクロールバーの変更をするのはどうすればいいのでしょうか?
(私のブログの場合、memoの部分です。)
ゆみこさん | 2004/08/17 23:32
>>ゆみこさん
iframeタグの場合は、読み込み先のページ(iframeタグのsrc属性のページ)で、スクロールバーの色を設定しないとダメだったと思います。
読み込み先のページでスクロールバーの色の設定してみてもダメでしょうか?
試してなくてすいませんm(__)m
strollさん | 2004/08/17 23:48
おはようございます。
さっそく教えてくださってありがとうです!
できましたー。これでぐっすり寝れます^^
めけ。さん | 2004/08/18 09:23
>>めけ。さん
ちゃんと色変わってますね。
よかったです。
>これでぐっすり寝れます^^
えっ?そんな時間(9:23 AM)から寝るんですか??
strollさん | 2004/08/18 13:15
はじめまして!ブログ初心者です(^^;)
(コメント書くのも初めてでドキドキします)

スクロールバーの変更が出来て、嬉しいデス〜!!
どうもありがとうございました♪

トラックバックってゆーのをしようと思ったんですが、
よく分からず・・・(^^;)
とりあえずお礼まで☆
もにぃさん | 2004/08/27 15:35
>>もにぃさん
はじめまして。
お!初コメントだったんですね。
ありがとうございます。
トラックバックについては、下記が参考になるかも。
http://jugem.jp/blog/trackback.php
これからもよろしく〜。
strollさん | 2004/08/28 14:06
こんにちは。
いつもいつもお世話になっています^^
スクロールバーを変えたくて、私もbodyに付け加えてみたのですがさっぱり変わらなくて。
そこですぐにコチラで検索させてもらったらさすが〜。
すぐに見つかりました♪
htmlだったのですね〜。
スクロールバーが変わるととてもスッキリしますね。
ありがとうございました。
これからもどうぞヨロシクですm(__)mペコリ
さん | 2004/09/13 12:50
>>雨さん
こんちわ。
お役に立てたようでよかったです。
これからもよろしく〜。
strollさん | 2004/09/14 21:26
[:フツー:]

スクロールバーの変更・リンクの色が変わるをコピーさせていただきました。

トラックバックもさせて頂きました。
もう少し、ここでお勉強させていただきカスタマイズを楽しんで行きたいと
思っています。

よろしくお願いします。
SHOさん | 2004/11/21 10:52
いつもいつも本当にお世話になってます。
今回も一発で簡単に設定できチョーうれぴー[:はあと:]
どうもありがとうございました。TBもさせて頂きました。
Suuさん | 2004/12/11 09:53
こんにちは、はじめまして
私も皆さんと同じく、bodyにやってもずっとできなくて、悩んでました。
こちらを検索で見つけ解決できました。
ほんとうにありがとうございます。一言お礼が言いたくて思わず書き込んでしまったw
ねこさん | 2005/02/17 23:32
>>ねこさん
はじめまして。
お役に立ててよかったです。
他にも気に入ったカスタマイズネタがあったら使ってやってください[:ニコッ:]
strollさん | 2005/02/18 00:15
検索でたどりつきました♪
スクロールバーの色の変更させていただきました。
ありがとうございます★
ikuraさん | 2005/03/14 19:32
>>ikuraさん
ikuraさんも検索でココに来てくれたんですか。
どんなキーワードだとひっかかるんだろ?!
お役に立ててよかったです。
strollさん | 2005/03/15 22:45
[:らぶ:]とてもわかりやすくて、よかったです!
有難うございました。
えいこさん | 2005/03/16 14:48
↑の「めけ」さんと同じ悩みが一挙に解決しましたw
やはり、わからないなりに覗いてみるものですね[:ハハ:]
カワズさん | 2005/03/16 19:52
>>えいこさん
お役に立ててよかったです。
これからもよろしく〜。

>>カワズさん
過去の回答が役立ってよかったです。
他にもなにかあったら、お気軽に聞いてください。
strollさん | 2005/03/17 01:27
stroll師匠、こちらのわかりやすい記事を参考に、無事に色も変更できました。ありがとうございました。
リンクさせていただきました
miguさん | 2005/06/21 11:38
使わせて頂きました。
スクロールバーの色を変えるだけでブログの雰囲気が変わって楽しいです。
ありがとうございました。
あさみさん | 2005/08/29 22:26
こちらの記事も参考にさせていただきました。
おかげさまで無事に設置することができました。
ありがとうございました(*- -)(*_ _)ペコリ
らん@アルケミさん | 2005/09/02 18:33
はじめまして。
使わせていただきました♪
・・・でもタイトルの文字をクリックしてトップ画面を表示させると、
スクロールバーが元にもどってしまうのですが、どうしたらいいのでしょうか?
教えてください。よろしくお願いします。
css編集しかできないブログなので、とても困ってます。
cocoroさん | 2005/09/08 17:39
はじめまして。
とても参考になり早速、色を変えることができました。
ありがとうございました。

TBさせていただきます。
タバサさん | 2005/11/08 20:35
>>タバサさん
はじめまして。
お役に立ててよかったです。
これからもよろしくです[:ニコッ:]
strollさん | 2005/11/08 22:43
はじめまして。
googleで「スクロールバー 色」で検索してこちらに来ました。とてもわかりやすく、早速使わせていただきました。
ありがとうございました![:ニコッ:]
ピコさん | 2005/11/20 22:13
>>ピコさん
はじめまして。
お役に立てたようでよかったです[:ニコッ:]
これからもよろしくです。
strollさん | 2005/11/20 22:18
[:フツー:][:ニコッ:][:ハハ:][:困った:][:フッ:][:サングラス:][:泣き:][:あはっ:][:わおっ:][:怒:][:イタタ:][:らぶ:][:イヤン:][:白目:][:うーん:]げっそり[:あっ:][:ぶちゅー:][:すいません:][:はなみず:][:・・・:][:はあと:][:あせ:][:|||:][:ムカッ:][:おんぷ:][:はてな:][:ビックリ:]あせあせ[:ぴこーん:][:きれつ:][:はあと×2:][:ドクロ:][:フツー:][:ニコッ:][:ハハ:][:困った:][:フッ:][:サングラス:][:泣き:][:あはっ:][:わおっ:][:怒:][:イタタ:][:らぶ:][:イヤン:][:白目:][:うーん:]げっそり[:あっ:][:ぶちゅー:][:すいません:][:はなみず:][:・・・:][:はあと:][:あせ:][:|||:][:ムカッ:][:おんぷ:][:はてな:][:ビックリ:]あせあせ[:ぴこーん:][:きれつ:][:はあと×2:][:ドクロ:][:フツー:][:ニコッ:][:ハハ:][:困った:][:フッ:][:サングラス:][:泣き:][:あはっ:][:わおっ:][:怒:][:イタタ:][:らぶ:][:白目:][:イヤン:][:うーん:]げっそり[:あっ:][:ぶちゅー:][:すいません:][:はなみず:][:・・・:][:はあと:][:あせ:][:|||:][:|||:][:ムカッ:][:おんぷ:][:はてな:][:ビックリ:]あせあせ[:きれつ:][:ぴこーん:][:はあと×2:][:ドクロ:]
さん | 2006/02/16 16:46
簡単に変えられてとってもわかりやすかったです。
参考にして、自分のブログで色を変えて使わせていただきました!!

ありがとうございます★
nae*さん | 2006/02/18 01:54
great site
phentermine pillさん | 2006/03/15 05:16
Good site and good blog.Thanks
OnlineSlotさん | 2006/03/17 11:12
ooops sorry
yoo hop great
cialis doseさん | 2006/03/20 06:08
Dan Huttonさん | 2006/03/21 07:11
<a href=http://7rape.com/mp3/kazoo-mp3-player > kazoo-mp3-player </a>,[url=http://7rape.com/mp3/kazoo-mp3-player ] kazoo-mp3-player [/url], http://7rape.com/mp3/kazoo-mp3-player <a href=http://freelink.org/antidepressants > antidepressants </a>,[url=http://freelink.org/antidepressants ] antidepressants [/url], http://freelink.org/antidepressants <a href=http://freelink.org/allergies > allergies </a>,[url=http://freelink.org/allergies ] allergies [/url], http://freelink.org/allergies <a href=http://7rape.com/mp3/napa-mp3-player > napa-mp3-player </a>,[url=http://7rape.com/mp3/napa-mp3-player ] napa-mp3-player [/url], http://7rape.com/mp3/napa-mp3-player <a href=http://7rape.com/mp3/personal-mp3-player > personal-mp3-player </a>,[url=http://7rape.com/mp3/personal-mp3-player ] personal-mp3-player [/url], http://7rape.com/mp3/personal-mp3-player <a href=http://7rape.com/mp3/samsung-mp3-player > samsung-mp3-player </a>,[url=http://7rape.com/mp3/samsung-mp3-player ] samsung-mp3-player [/url], http://7rape.com/mp3/samsung-mp3-player <a href=http://7rape.com/mp3/sports-mp3-player > sports-mp3-player </a>,[url=http://7rape.com/mp3/sports-mp3-player ] sports-mp3-player [/url], http://7rape.com/mp3/sports-mp3-player <a href=http://7rape.com/mp3/mini-mp3-player > mini-mp3-player </a>,[url=http://7rape.com/mp3/mini-mp3-player ] mini-mp3-player [/url], http://7rape.com/mp3/mini-mp3-player <a href=http://7rape.com/mp3/mb-mp3-player > mb-mp3-player </a>,[url=http://7rape.com/mp3/mb-mp3-player ] mb-mp3-player [/url], http://7rape.com/mp3/mb-mp3-player
Kevin Mallonさん | 2006/03/22 08:52
me asians friends
generic motrinさん | 2006/03/23 06:19
sdasad
dfs
sdffdsds
asdさん | 2006/03/25 21:37
こんにちは〜。
参考にさせて戴きました。
自分のブログに偶然にも色の設定がバッチリ合ったんです。
そのまま使わせて戴いてます。ありがとうございました。
マンボさん | 2006/07/17 11:33
JUGEM ユーザー互助会を見ていましたら、ここが目についてきました。
いろいろと勉強させてもらいました。
ありがとうございました。
またみにこさせてもらいます。
kazyさん | 2007/01/04 09:15
ありがとうございました!
すっごく参考になりましたー!!
bodyでくくっていたので
テキストエリアのバーしか変わらず悩んでいたので
無事解決できてほんっとうにうれしいですー!
本当にありがとうございましたー!!!
魚子さん | 2007/08/19 19:03
こちらを見つけて、参考にし、やっとこさスクロールバーの色の変え方が解りました!
解りやすく説明してくれて本当にありがとうございますv
そうみさん | 2007/09/19 19:27

  Comment









  Trackback URL
 

  Trackback
親切な先人達のお仕事のおかげで出来ました。ありがたや。 (・e・) ひよこまーく
Happy Together | 2004/04/15 05:12
スクロールバーの色、変えたくって、 ふつうのサイトをいじるみたいにやってみたけど 変化なし。 といわけで、トラックバックセンターに駆け込む。
DANCE DANCE DANCE | 2004/05/11 21:44
スクロールバー変更終了[:拍手:] 顔落としてこよーっと。 あ 今日は‘24’じゃん!急げっっ
days* | 2004/06/19 00:51
またもやstroll::blog様で公開されているソースをコピペ。 うん。完全にカスタマイズとは違うね。 本当にいつもわかりやすくってありがたやーです。 でも実はスクロールバーを線?!にぴったしくっつけようとして 「270px;」のところを330まで広げたら表示され
Karigane | 2004/06/21 23:39
BlogPeopleには「ランダムピックアップ!」目当てで入ってみたものの(汗)、最近はがちゃがちゃぶろぐやBPの最近記事一覧、日本の定番サイトでブログめぐりをすることが多かったので、やっと思いきってリスト表示してみた。加え、がちゃがちゃぶろぐのバナーも貼ったよ
with tea* | 2004/06/23 18:17
皆さんのブログを見ていると、スクロールバーの色が違うことを発見!! ちょっと検索してみると、strollさんのページに書いてありました。 さっそくコピペ(笑)いやー、簡単に出来ました。 さらにstrollさんのサイトを拝見していると、リンクにマウスを乗せたときにず
シエナブラウンな日々。。。 | 2004/09/07 21:44
スクロールバーの見た目を変更したい時はメインのCSSに以下のタグを入力します(IEのみ) CSSファイルをパーミッション666に変更しテンプレートの画面でCSSファイルを呼び出し以下を記述します。 html { scrollbar-3dlight-color : #FFFFFF; scrollbar-arrow-co
Sweetmeats | 2004/11/19 10:26
AKRMAさんの影響大で検索する事、ウロウロ・・・・ スクロールバーの変更・リン...
teeny-weeny SHO**My...Day...** | 2004/11/21 10:48
懲りずに、ココログカ
ケセラセラ | 2004/11/28 06:52
またまたstrollさん、ありがとうございます。%n以下strollさんの記事抜粋。
Dear Days 別冊 | 2004/12/11 09:51
JUGEMから移転してきたので基本はJUGEMなんだけど、メモっとこうと思って。・sbユーザーのためのMOBLOG登録の説明JUGEMだったらはじめからモブログ機能がついていたのでsbではモブログ出来ないと思っていました。で、...
カクテル・メロン | 2005/02/21 19:58
●stroll::blog | スクロールバーの色を変えるには そうだったのかー。body内にスクロールバーのCSSで指定してもからっきし、ダメだったの。 なるほどなるほど。...
Mie*Maniax | 2005/03/08 14:00
なんと! こんな簡単にスクロールバーが帰れるなんて。 メモメモ。 今までやり方が...
しもやんのつぶやき | 2005/03/10 18:41
stroll::blog様、スクロールバーの色を変えるにはで、簡単に、変えること...
candy-2 BLOG | 2005/05/22 16:42
スクロールバーが設置できたら、いよいよ色も変えてみようってことで 変更してみましたよ 修正前[:up:] (CSSの編集では) html {                 scrollbar-arrow-color: #9CF;                 scrollbar-face-color
☆☆MemoLo〜gu♪♪ | 2005/06/21 11:38
stroll :: blog  様の スクロールバーの色を変えるには  を見て 早速、変更しちゃいました゚+。:.゚ヽ(*´∀`)ノ゚.:。+゚ アメブロ以外のユーザーも、CSS画面を開き同じようにすれば スクロールバーの色が変更できます。 ☆::::::::::::::::::::
゚+.(・∀・).+゚.。oO(夢心地)  | 2005/11/08 20:40
stroll::blog | スクロールバーの色を変えるには 参考にしたのは上記のサイトです。 すっごい簡単に変えられました!!ほんと、すっごい簡単。 ありがとうございます。もうこんなんばっか。 技をいろんなとこで拾ってくるばかり。 本を読んで自分でやろうとした
nae*log | 2006/02/18 01:54
Home  |  Selected Entries  |  Recent Comments  |  Recent Trackback  |  Categories  |  Archives  |  bbs