TOP  収入表  リードメール ポイントサイト アンケート アフィリエイト アクセスアップ 日記 
★一押しオススメサイト★
げん玉

即換金できます♪
毎日4円以上GET♪
詳細記事は→こちら

マクロミル
マクロミルへ登録
一押しアンケサイト♪
アンケートならココ!
詳細記事は→こちら

流石めーる


リドメの王者!
毎月換金可能♪
詳細記事は→こちら

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

オススメ♪
アフィリエイトパーク 今登録すると、ずっと1円から支払い!
  紹介報酬は500円★クリック広告もあります♪
プラグインに使用するスクロールバーについて質問があったので記事にしてみました^^

私のブログでゆうと、お小遣い帳に使っているスクロールバーです。
FC2以外のブログでは使えないかもしれません(´・ω・`)

HTMLに詳しい方はスルーしちゃって下さい。
詳しくは続きをどうぞ! *枠なしサンプル追加しました。 

といっても、実は私HTMLに全く詳しくありません(笑)
お小遣い帳に使っているスクロールバーも、作り方がわからず、
色んなサイトを巡り調べてコピペして多少手を加えただけです^^;

サンプルの中にソースを書いてありますので、
スクロールバーが欲しいけどよくわからないという方、そのままコピペして使って下さい!

サンプル1↓
<div style="font-size:13px; width:370px;height:80px;overflow:auto;border:1px solid #ff9999;padding:5px;
scrollbar-face-color: #ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color: #ff9999;
scrollbar-highlight-color: #ff9999;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #ff9999; align=left;">
ここに好きな文章やバナーをはれますよ!
</div>

サンプル2↓ 
<div style="font-size:13px; width:370px;height:80px;overflow:auto;border:1px solid #3300ff;padding:5px;
scrollbar-face-color: #ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color: #3300ff;
scrollbar-highlight-color: #3300ff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #3300ff; align=left;">
ここに好きな文章やバナーをはれますよ!
</div>

サンプル3↓
<div id="scrollbar" style="font-size:13px; width:370px;height:80px;overflow:auto;border:2px dotted #ff9933;padding:5px;
scrollbar-face-color: #ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color: #ff9933;
scrollbar-highlight-color: #ff9933;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #ff9933; align=left;">
ここに好きな文字やバナーがはれますよ!
</div>

サンプル4↓
<div style="font-size:13px; width:370px;height:80px;overflow:auto;border:5px double #3399ff;padding:5px;
scrollbar-face-color: #ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color: #3399ff;
scrollbar-highlight-color: #3399ff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #3399ff; align=left;">
ここに好きな文字やバナーがはれますよ! </div>

サンプル5追加しました↓枠がなく、横のスクロールバーのみ。
<div style="font-size:13px; width:370px;height:80px;overflow:auto;border:5px none #3399ff;padding:5px;
scrollbar-face-color: #ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color: #ff6633;
scrollbar-highlight-color: #ff6633;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #ff6633; align=left;">
ここに好きな文字やバナーがはれますよ! </div>


サンプル6追加しました↓
<div style="font-size:13px; width:300px;height:80px;overflow:auto;border:2px solid #99ccff;padding:5px;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #99ccff; align=left;">
ここに好きな文字♪
</div>


*色々な説明*
■プラグインに使用する場合、【width:460px;】の数字を変更して下さい。
これでは横幅が長すぎてしまいます。上手くいかない場合、【width:460px;】ごと消してみて下さい。
■縦の長さは【height:100px;】の数字を変更すると変わります。
■記事に使用する場合、スクロールバーの形が変わってしまいます。
変えたくない場合は、 テキストフォーマットを【HTMLタグのみ】にチェックを入れて下さい。
■【#】の後に続く数字やアルファベットは色の種類です。変えたい方は変えてみて下さい
色の参考にこちらのサイトが便利ですよ!。
■【font-size:13px;】の数字は文字の大きさです。大きさを変えたい時には数字を変えてみて下さい。
■こちらの記事で分からない事があればコメントください。
私に分かる範囲ならお答えします!

←お役に立てたらポチっとお願いしますo(*^▽^*)o
スポンサーサイト

オススメ♪
アフィリエイトパーク 今登録すると、ずっと1円から支払い!
  紹介報酬は500円★クリック広告もあります♪
コメント
この記事へのコメント
わ~い!!
みえ蔵です!さくらさんすごいです!!いつもありがとうございます!記事にしてくれて本当うれしいです^^ほんっとに親切ですね!ありがたいです!がんばってやってみますね!!
またわからなかったら聞きますね。
本当にありがとう☆
2006/02/12(Sun) 09:30 | URL | みえ蔵 #-[ 編集]
おぉ~!!すごい Σ(゚Д゚ノ)ノ
こういうのって役立ちますよね♪
ありがたや ありがたや゜+。(人´∀`o)゜+。
早速参考にさせていただきま~す!!
お役に立ちましたのでポチッとな凸ヾ(・∀・。)
2006/02/12(Sun) 10:16 | URL | まゆ #-[ 編集]
はるばるきたぜ、函館。
函館よりこんにちわです。
コメントありがとうございます。
まんが喫茶より送ってます。
このスクロールのプラグイン素敵ですね。
機会があるときに是非使わせてもらいます。
では僕もポチポチ。
2006/02/12(Sun) 11:40 | URL | xs250jet #-[ 編集]
こんにちは
昼ポチにきました。
日曜なのに今から仕事です。
また、夜伺います。
ポチッて帰ります
2006/02/12(Sun) 12:32 | URL | ちょこぴん #-[ 編集]
ソースを打つときに、
半角で&lt;と打つと
<になり、
&gt;と打つと
>になります。
記事を書く上で参考になさってください。

あと気になったんですが、最新記事の上に表示されてるメニュー&更新情報のボックスのようなものは、どうやって設置するんでしょうか?
できればぼくのブログで未公開コメントで教えていただければありがたいです。
2006/02/12(Sun) 14:21 | URL | Wind #-[ 編集]
相互リンク希望
どうも、「10代からはじめる!!本格アフェリエイト術!!」
というブログを経営しています、ROYと申します。

このブログはいい素材がおいているなぁと感心しました。

またちょくちょく寄らせていただき素材を使わせていただきたいなと思う今日この頃であります。

今回はですね、相互リンク希望と言うことでやってまいりました

先にリンクしてまっておりますので、完了しだいコメントの程をよろしくお願いいたします。

最後に、ブログランキングクリックしておきました。
2006/02/12(Sun) 15:39 | URL | ロイ #-[ 編集]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2006/02/12(Sun) 16:00 | URL |  #[ 編集]
コメントありがとうございます^^
みえ蔵さん>
参考になれたら嬉しいです~^^
記事にした甲斐がありますよo(*^▽^*)o
また何かあったら遠慮なく聞いてくださいね~~

まゆさん>
参考になれました?よかった^0^
ポチっとしてくれてありがと~(人´∀`*)
私もこれから伺いま~す♪

xs250jetさん>
はっ函館っすか!?しかも漫画喫茶!行きた~い。(漫喫大好き)
はるばるようこそ(*^▽^*)ノ
機会があったら使ってみて下さいね!ポチありがとうございます!

ちょこぴんさん>
日曜出勤ですか~、お疲れ様です(><)
ポチありがとうございます~^0^

windさん>
おお!そうだったんですか!
ありがとうございますo(*^▽^*)o
どうやるんだろ?って謎だったんです。参考になります~!

記事上のテーブルもあれやこれや困惑しながら設置したので詳しくはないのですが、コメントしに行きますね!

ロイさん>
初めまして!褒めて頂いてありがとうございますo(*^▽^*)o
相互リンク大歓迎です!
早速遊びに行ってリンクさせて頂きますね!
ポチもありがとうございます~^0^
2006/02/12(Sun) 16:46 | URL | 管理人★さくら #-[ 編集]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2006/02/12(Sun) 16:58 | URL |  #[ 編集]
毎日来てくれて有難うございます。!
それでは、日課のぽち。
2006/02/12(Sun) 21:00 | URL | ひのと #-[ 編集]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2006/02/12(Sun) 22:01 | URL |  #[ 編集]
おはようございま~す
朝のごあいさつで~す☆
ポチッ。
じゃあ、いってきま~す!
2006/02/13(Mon) 07:34 | URL | shizchan #-[ 編集]
すごい!
早速、やってみます!
FC2はカスタマイズしやすくていいですよね!
もう1つブログがあるんですが(アメブロで)ブログペットも貼るの大変だし、
さっぱりかまえません・・・

応援していきますね♪
2006/02/13(Mon) 09:10 | URL | hiro88 #IRtMTycQ[ 編集]
コメントありがとうございます^^
ひのとさん>
こちらこそありがとうo(*^▽^*)o
これから伺いますね~~^^

shizchanさん>
いつもありがとう(*´∀`*)
行ってらっしゃいまし~~♪

hiro88さん>
FC2使いやすいですよね♪
私は前にseesaaで作ってたんですが、ちょっと使いづらかったものでFC2へ引越し♪
応援ありがとうございます~^0^
2006/02/13(Mon) 16:18 | URL | 管理人★さくら #R71i86E.[ 編集]
こんにちは◎
わ~メチャクチャタイムリ~♪♪
かあちゃんも収入報告を↑みたいに載せて行こうかなぁ・・・
でもどうすんのやろ??
と思てたとこです!!
ぜひぜひその時は使わせてもらいますね^^

感激のポチ☆
2006/02/13(Mon) 16:46 | URL | 珍獣かあちゃん #fCeFuohM[ 編集]
珍獣かあちゃんさんへ!
今お気に入りリンクの巡回中です~^0^
ちょっと様子みにきたら、
わ~い珍獣かあちゃんからコメント来てるぅ~♪
参考になれたら嬉しいです(≧∇≦)
ポチありがとう!!
再びリンク巡り行ってきま~す♪
もちろん珍獣かあちゃんとこにも(*^3^*)-☆
2006/02/13(Mon) 17:29 | URL | 管理人★さくら #-[ 編集]
はじめまして
スクロールの設置方法がなかなかできなかったのですが、ブログを参考にさせていただきやっとできるようになりました。ありがとうございました。
2007/05/01(Tue) 10:31 | URL | pinky #-[ 編集]
はじめましてこんにちは
スクロールバーを探していたので、
こちらに載っていたものを頂戴しました。
すごく助かりました。ありがとうございますm(_ _"m)
2007/08/09(Thu) 12:11 | URL | ぴよ。 #-[ 編集]
こんにちは♪
スクロールバーの設置に悩んでさ迷ってました。
とても、わかりやくすく載せてあるので、参考にさせてもらうことにしました。リンクも頂きました。ありがとうございます。
2007/10/02(Tue) 11:39 | URL | ちゃっちゃ♪ #-[ 編集]
コメントを投稿
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。