| ★一押しオススメサイト★ | ||
げん玉
 即換金できます♪ 毎日4円以上GET♪ 詳細記事は→こちら |
マクロミル
 一押しアンケサイト♪ アンケートならココ！ 詳細記事は→こちら |
流石めーる
 リドメの王者！ 毎月換金可能♪ 詳細記事は→こちら |
プラグインに使用するスクロールバーについて質問があったので記事にしてみました＾＾
私のブログでゆうと、お小遣い帳に使っているスクロールバーです。
ＦＣ２以外のブログでは使えないかもしれません(´･ω･`)
ＨＴＭＬに詳しい方はスルーしちゃって下さい。
詳しくは続きをどうぞ！ ＊枠なしサンプル追加しました。
私のブログでゆうと、お小遣い帳に使っているスクロールバーです。
ＦＣ２以外のブログでは使えないかもしれません(´･ω･`)
ＨＴＭＬに詳しい方はスルーしちゃって下さい。
詳しくは続きをどうぞ！ ＊枠なしサンプル追加しました。
といっても、実は私ＨＴＭＬに全く詳しくありません(笑)
お小遣い帳に使っているスクロールバーも、作り方がわからず、
色んなサイトを巡り調べてコピペして多少手を加えただけです＾＾；
サンプルの中にソースを書いてありますので、
スクロールバーが欲しいけどよくわからないという方、そのままコピペして使って下さい！
サンプル１↓
<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>
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>
サンプル２↓
<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>
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>
サンプル３↓
<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>
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>
サンプル４↓
<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>
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>
サンプル５追加しました↓枠がなく、横のスクロールバーのみ。
<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>
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>
サンプル６追加しました↓
<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>
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;】の数字を変更すると変わります。
■記事に使用する場合、スクロールバーの形が変わってしまいます。
変えたくない場合は、 テキストフォーマットを【ＨＴＭＬタグのみ】にチェックを入れて下さい。
■【#】の後に続く数字やアルファベットは色の種類です。変えたい方は変えてみて下さい
色の参考に、こちらのサイトが便利ですよ！。
■【font-size:13px;】の数字は文字の大きさです。大きさを変えたい時には数字を変えてみて下さい。
■こちらの記事で分からない事があればコメントください。
私に分かる範囲ならお答えします！
これでは横幅が長すぎてしまいます。上手くいかない場合、【width:460px;】ごと消してみて下さい。
■縦の長さは【height:100px;】の数字を変更すると変わります。
■記事に使用する場合、スクロールバーの形が変わってしまいます。
変えたくない場合は、 テキストフォーマットを【ＨＴＭＬタグのみ】にチェックを入れて下さい。
■【#】の後に続く数字やアルファベットは色の種類です。変えたい方は変えてみて下さい
色の参考に、こちらのサイトが便利ですよ！。
■【font-size:13px;】の数字は文字の大きさです。大きさを変えたい時には数字を変えてみて下さい。
■こちらの記事で分からない事があればコメントください。
私に分かる範囲ならお答えします！
←お役に立てたらﾎﾟﾁっとお願いしますo(*^▽^*)o
オススメ♪
■アフィリエイトパーク 今登録すると、ずっと1円から支払い！
紹介報酬は500円★クリック広告もあります♪
この記事へのコメント
みえ蔵です！さくらさんすごいです！！いつもありがとうございます！記事にしてくれて本当うれしいです＾＾ほんっとに親切ですね！ありがたいです！がんばってやってみますね！！
またわからなかったら聞きますね。
本当にありがとう☆
またわからなかったら聞きますね。
本当にありがとう☆
おぉ〜!!すごい Σ(ﾟДﾟﾉ)ﾉ
こういうのって役立ちますよね♪
ありがたや ありがたや゜+。(人´∀｀ｏ）゜+。
早速参考にさせていただきま〜す!!
お役に立ちましたのでﾎﾟﾁｯとな凸ヾ(･∀･。)
こういうのって役立ちますよね♪
ありがたや ありがたや゜+。(人´∀｀ｏ）゜+。
早速参考にさせていただきま〜す!!
お役に立ちましたのでﾎﾟﾁｯとな凸ヾ(･∀･。)
函館よりこんにちわです。
コメントありがとうございます。
まんが喫茶より送ってます。
このスクロールのプラグイン素敵ですね。
機会があるときに是非使わせてもらいます。
では僕もポチポチ。
コメントありがとうございます。
まんが喫茶より送ってます。
このスクロールのプラグイン素敵ですね。
機会があるときに是非使わせてもらいます。
では僕もポチポチ。
昼ポチにきました。
日曜なのに今から仕事です。
また、夜伺います。
ポチッて帰ります
日曜なのに今から仕事です。
また、夜伺います。
ポチッて帰ります
ソースを打つときに、
半角で＆ｌｔ;と打つと
<になり、
＆ｇｔ；と打つと
>になります。
記事を書く上で参考になさってください。
あと気になったんですが、最新記事の上に表示されてるメニュー＆更新情報のボックスのようなものは、どうやって設置するんでしょうか？
できればぼくのブログで未公開コメントで教えていただければありがたいです。
半角で＆ｌｔ;と打つと
<になり、
＆ｇｔ；と打つと
>になります。
記事を書く上で参考になさってください。
あと気になったんですが、最新記事の上に表示されてるメニュー＆更新情報のボックスのようなものは、どうやって設置するんでしょうか？
できればぼくのブログで未公開コメントで教えていただければありがたいです。
どうも、「10代からはじめる！！本格アフェリエイト術！！」
というブログを経営しています、ROYと申します。
このブログはいい素材がおいているなぁと感心しました。
またちょくちょく寄らせていただき素材を使わせていただきたいなと思う今日この頃であります。
今回はですね、相互リンク希望と言うことでやってまいりました
先にリンクしてまっておりますので、完了しだいコメントの程をよろしくお願いいたします。
最後に、ブログランキングクリックしておきました。
というブログを経営しています、ROYと申します。
このブログはいい素材がおいているなぁと感心しました。
またちょくちょく寄らせていただき素材を使わせていただきたいなと思う今日この頃であります。
今回はですね、相互リンク希望と言うことでやってまいりました
先にリンクしてまっておりますので、完了しだいコメントの程をよろしくお願いいたします。
最後に、ブログランキングクリックしておきました。
このコメントは管理人のみ閲覧できます
みえ蔵さん＞
参考になれたら嬉しいです〜＾＾
記事にした甲斐がありますよo(*^▽^*)o
また何かあったら遠慮なく聞いてくださいね〜〜
まゆさん＞
参考になれました？よかった＾０＾
ﾎﾟﾁっとしてくれてありがと〜(人´∀｀*)
私もこれから伺いま〜す♪
xs250jetさん＞
はっ函館っすか！？しかも漫画喫茶！行きた〜い。（漫喫大好き）
はるばるようこそ(*^▽^*)ﾉ
機会があったら使ってみて下さいね！ﾎﾟﾁありがとうございます！
ちょこぴんさん＞
日曜出勤ですか〜、お疲れ様です（＞＜）
ﾎﾟﾁありがとうございます〜＾０＾
windさん＞
おお！そうだったんですか！
ありがとうございますo(*^▽^*)o
どうやるんだろ？って謎だったんです。参考になります〜！
記事上のテーブルもあれやこれや困惑しながら設置したので詳しくはないのですが、コメントしに行きますね！
ロイさん＞
初めまして！褒めて頂いてありがとうございますo(*^▽^*)o
相互リンク大歓迎です！
早速遊びに行ってリンクさせて頂きますね！
ﾎﾟﾁもありがとうございます〜＾０＾
参考になれたら嬉しいです〜＾＾
記事にした甲斐がありますよo(*^▽^*)o
また何かあったら遠慮なく聞いてくださいね〜〜
まゆさん＞
参考になれました？よかった＾０＾
ﾎﾟﾁっとしてくれてありがと〜(人´∀｀*)
私もこれから伺いま〜す♪
xs250jetさん＞
はっ函館っすか！？しかも漫画喫茶！行きた〜い。（漫喫大好き）
はるばるようこそ(*^▽^*)ﾉ
機会があったら使ってみて下さいね！ﾎﾟﾁありがとうございます！
ちょこぴんさん＞
日曜出勤ですか〜、お疲れ様です（＞＜）
ﾎﾟﾁありがとうございます〜＾０＾
windさん＞
おお！そうだったんですか！
ありがとうございますo(*^▽^*)o
どうやるんだろ？って謎だったんです。参考になります〜！
記事上のテーブルもあれやこれや困惑しながら設置したので詳しくはないのですが、コメントしに行きますね！
ロイさん＞
初めまして！褒めて頂いてありがとうございますo(*^▽^*)o
相互リンク大歓迎です！
早速遊びに行ってリンクさせて頂きますね！
ﾎﾟﾁもありがとうございます〜＾０＾
このコメントは管理人のみ閲覧できます
毎日来てくれて有難うございます。！
それでは、日課のぽち。
それでは、日課のぽち。
このコメントは管理人のみ閲覧できます
朝のごあいさつで〜す☆
ポチッ。
じゃあ、いってきま〜す！
ポチッ。
じゃあ、いってきま〜す！
早速、やってみます！
FC2はカスタマイズしやすくていいですよね！
もう１つブログがあるんですが（アメブロで）ブログペットも貼るの大変だし、
さっぱりかまえません・・・
応援していきますね♪
FC2はカスタマイズしやすくていいですよね！
もう１つブログがあるんですが（アメブロで）ブログペットも貼るの大変だし、
さっぱりかまえません・・・
応援していきますね♪
ひのとさん＞
こちらこそありがとうo(*^▽^*)o
これから伺いますね〜〜＾＾
shizchanさん＞
いつもありがとう(*´∀｀*)
行ってらっしゃいまし〜〜♪
hiro88さん＞
ＦＣ２使いやすいですよね♪
私は前にseesaaで作ってたんですが、ちょっと使いづらかったものでＦＣ２へ引越し♪
応援ありがとうございます〜＾０＾
こちらこそありがとうo(*^▽^*)o
これから伺いますね〜〜＾＾
shizchanさん＞
いつもありがとう(*´∀｀*)
行ってらっしゃいまし〜〜♪
hiro88さん＞
ＦＣ２使いやすいですよね♪
私は前にseesaaで作ってたんですが、ちょっと使いづらかったものでＦＣ２へ引越し♪
応援ありがとうございます〜＾０＾
わ〜メチャクチャタイムリ〜♪♪
かあちゃんも収入報告を↑みたいに載せて行こうかなぁ･･･
でもどうすんのやろ？？
と思てたとこです！！
ぜひぜひその時は使わせてもらいますね＾＾
感激のポチ☆
かあちゃんも収入報告を↑みたいに載せて行こうかなぁ･･･
でもどうすんのやろ？？
と思てたとこです！！
ぜひぜひその時は使わせてもらいますね＾＾
感激のポチ☆
今お気に入りリンクの巡回中です〜＾０＾
ちょっと様子みにきたら、
わ〜い珍獣かあちゃんからコメント来てるぅ〜♪
参考になれたら嬉しいです（≧∇≦）
ﾎﾟﾁありがとう！！
再びリンク巡り行ってきま〜す♪
もちろん珍獣かあちゃんとこにも(*^３^*)−☆
ちょっと様子みにきたら、
わ〜い珍獣かあちゃんからコメント来てるぅ〜♪
参考になれたら嬉しいです（≧∇≦）
ﾎﾟﾁありがとう！！
再びリンク巡り行ってきま〜す♪
もちろん珍獣かあちゃんとこにも(*^３^*)−☆
As this required some distance with me on the Grecian islands; the body of poor Captain Williams, and, I sat, for a truant sailor?
スクロールの設置方法がなかなかできなかったのですが、ブログを参考にさせていただきやっとできるようになりました。ありがとうございました。
スクロールバーを探していたので、
こちらに載っていたものを頂戴しました。
すごく助かりました。ありがとうございますm(_ _"m)
こちらに載っていたものを頂戴しました。
すごく助かりました。ありがとうございますm(_ _"m)
スクロールバーの設置に悩んでさ迷ってました。
とても、わかりやくすく載せてあるので、参考にさせてもらうことにしました。リンクも頂きました。ありがとうございます。
とても、わかりやくすく載せてあるので、参考にさせてもらうことにしました。リンクも頂きました。ありがとうございます。
<a href="http://ca.geocities.com/casino292las/vnqqa/lloydsadd-insurance-brokers.htm">lloydsadd insurance brokers</a>
auto insurance car instant online california free quote
| ホーム |
