ふうせん｜美的ブログパーツ（無料）

このブログパーツは FlashPlayer を利用しております。そのため、最新のブラウザでは表示されなくなっております。当ショップでは、FlashPlayer を利用していない、スマートフォンやタブレットPCでも動作・表示でき、常時SSL化したブログでも使用できる新しいブログパーツを制作しております。お気に召していただけましたら、新しいブログパーツをご利用ください。新しいブログパーツは美的ブログパーツ専用の新しいブログで配布しております。 → 美的ブログパーツ専用のブログを見る

このブログでご提供するブログパーツは、機能性はほとんどございませんが、忙しいビジネスパーソンがその忙しさをひとときでも忘れられるような「美的・癒し」を目指したものです。すべてのブログパーツは、面倒な手続きをすることなく、すぐにご利用いただくことができます。

ブログやホームページには、下記タグ欄の <div style=　・・・　> ・・・ </div> の部分をそのままコピー＆ペーストしてご利用ください。タグ中に改行やスペースが表示される場合でも、<div style=　・・・　> ・・・ </div> の部分全体を、一回で選択し、コピー＆ペーストしてご利用ください。

なお、ブログパーツをご利用になる前に、別記事の「美的ブログパーツをご利用いただくには」をご覧ください。

１． サイズ

幅１６０ピクセル・高さ２５０ピクセル　（下記掲載画面が実際の実物大のブログパーツです）

２． 仕　様

カラフルな風船がふわふわと舞い上がるブログパーツです。風船にマウスで触れると色が変わります。このブログパーツでは、［１］ブログパーツの背景色を自由に設定できます。また、［２］風船の飛び方（風の強さ）の設定や、［３］上から降る紙吹雪や［４］背景に流れる雲の表示・非表示の設定ができます。さらに、［５］ブログ本文裏側にも風船と紙吹雪を表示・非表示する設定ができます。ちなみに、「風船」は春の季語だそうです。


［１］ ブログパーツの背景色の設定は、下記のタグ（サンプル）をブログやホームページにコピー＆ペーストしたあとに、その一部を書き換えてください。書き換える場所は、タグ中の top_color= （上端色）と bottom_color= （下端色）に続く部分で、 = と & にはさまれた英数字部分を書き換えます。下記のサンプルでいいますと、2c43a0 の部分がブログパーツ上端の色で、 6596db の部分が下端の色を表しますので、これらを書き換えます。この上端と下端の色をもとにブログパーツ画面内をグラデーション色で塗りつぶします。この色を表す英数字は16進数色コードといい、www.colordic.org 様（http://www.colordic.org/）などのサイトで、色見本とともに探すことができます。www.colordic.org 様のサイトの場合、# の後ろに続く英数6文字（e6e6faなど）が16進数色コードになります。この6文字で、 2c43a0 や 6596db を書き換えて設定してください（半角英数字）。また、貼り付けるブログの背景色と同じ色にしたいなど、16進数色コードを細かに設定したい場合は、下記の ５．その他 の欄をご覧ください。

［２］ 風船の飛び方（風の強さ）の設定は、タグ中の wind_type= に続く部分で、= と &にはさまれた数字の 1 を以下のいずれかに書き換えます（半角数字）。
　　0　　以下の1～4のいずれかをランダムに表示

　　1　　基準としての飛び方　（基準の風）

　　2　　基準よりやや穏やかな飛び方　（基準よりやや弱い風）

　　3　　基準よりかなり穏やかな飛び方　（基準よりかなり弱い風）

　　4　　基準より強く流される飛び方　（基準より強い風）

［３］ 紙吹雪の表示の設定は、タグ中の confetti= に続く部分で、 = と & にはさまれた英字の on を以下のいずれかに書き換えます（半角英字）。
　　off　　紙吹雪を表示しない
　　on　　紙吹雪を表示する

［４］ 雲の表示の設定は、タグ中の cloud= に続く部分で、 = と & にはさまれた英字の on を以下のいずれかに書き換えます（半角英字）。
　　off　　雲を表示しない
　　on　　雲を表示する

［５］ ブログ本文裏側に風船と紙吹雪を飛ばす設定は、タグ中の back_ground= に続く部分で（back_ground=以降の一部が本記事表示範囲からはみ出して見えない場合がありますが、下記のタグすべてを一回で選択してコピー&ペーストすれば含まれております）、= と " にはさまれた英字の on を以下のいずれかに書き換えます（半角英字）。

　　on　　風船と紙吹雪を本文裏側に、表示する

　　off　　風船と紙吹雪を本文裏側に、表示しない
なお、ブログやホームページのデザインやテンプレートによりましては、背景（繰り返し画像など）に隠れて風船と紙吹雪が全く見えなくなる場合がございます。その場合、デザインやテンプレートのHTMLやCSS編集が可能であれば見えるようにできる可能性もございますが、それらができないブログなどもございます。予めご了承ください。なお、本ブログでも本文背景に画像を設定しているため、ブラウザ画面の横幅を広くしないと本文裏側の風船と紙吹雪が見えない場合もございます。本ブログ上でご覧になりたい場合は、ブラウザ画面の横幅を広げてみてください。

以上、書き換える際には、前後の " や = や & などを削除しないようご注意ください。

なお、画面上にマウスカーソルがあると [get] ボタンが点滅し、クリックすると、この仕様説明画面が起動されます。また、当ショップ名をクリックするとショップホームページ画面が起動されます。その下には、働く女性のお役に立てるちょっとした情報や当ショップからのお知らせが表示されます。当ショップのキャンペーンやクーポンの情報など、お得なお知らせもございますので、ご関心のある方はぜひご利用ください。

３． タ　グ　（サンプル：仕様欄に表示中のブログパーツの設定）

<div style="text-align:center;font-size:10px"><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_fuusen.php?top_color=2c43a0&bottom_color=6596db&wind_type=1&confetti=on&cloud=on&back_ground=on"></script><p><a href="http://www.another-you.jp/" title="Another You | business scene jewelry" target="_blank"></a></p></div>

 

４． 他の背景色などのサンプル

<div style="text-align:center;font-size:10px"><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_fuusen.php?top_color=000000&bottom_color=202020&wind_type=2&confetti=on&cloud=off&back_ground=off"></script><p><a href="http://www.another-you.jp/" title="Another You | business scene jewelry" target="_blank"></a></p></div>

<div style="text-align:center;font-size:10px"><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_fuusen.php?top_color=eae8e0&bottom_color=bcb9aa&wind_type=3&confetti=off&cloud=off&back_ground=off"></script><p><a href="http://www.another-you.jp/" title="Another You | business scene jewelry" target="_blank"></a></p></div>

５． その他

※このブログパーツのワイドサイズ版は[こちら]からどうぞ。
 
※Yahoo!ブログ用の設置コードは[こちら]からどうぞ。

このブログパーツの背景色を、ブログの背景色と同じに色にしたい場合など、画面上に表示されている色と同じ色にしたい場合は、「RGB値取得ソフト」をご利用なさると便利です。「RGB値取得ソフト」は、パソコン画面上で指定した場所の色（16進数色コードなど）を調べることができるツールです。このソフトを利用して、例えば、ブログの背景を指定することで、その背景の色の16進数色コードを取得することができます。この取得した16進数色コード（6文字の半角英数字）をこのブログパーツの背景色に指定しすることで、このブログパーツとブログの背景色を同じ色にすることができます。「RGB値取得ソフト」は無料で利用できるものがインターネット上で公開されていますので、検索エンジンなどで「RGB値取得ソフト」をキーワードとして検索してみてください（ほとんどのソフトは同様の機能と思います）。なお、「RGB値取得ソフト」の使い方は、そのソフトの説明をご覧ください。

６． 関連ブログパーツ｜ブログ本文背景にも表示ができるもの

・飛び回る小鳥たち ver2
・ハロウィーン・ゴースト
・スプリング・ブロッサム
・オータム・リーフ
・クリスマス・スノー

ブログパーツの一覧はこちら >> 「美的ブログパーツ一覧｜無料・無登録」　「美的ブログパーツ一覧｜ワイドサイズ版」

タグ：雲 無料ブログパーツ 風船 きれい 紙吹雪 春

コメント 8

黒の背景の　ふうせんを　お借りしました。
とても　ステキで可愛いです。
いつも　ありがとうございます。
by ガコちゃん♪ (2014-04-30 01:19) 

> ガコちゃん♪ さん

いつもコメントとご利用ありがとうございます。
黒い背景ですと、カラフルなふうせんがとても映えます。背景の色はブログの背景などにあわせて、お好きな色に変更することもできますので、どうぞお試しください。
ご不明な点などがございましたら、お気軽にご連絡くださいませ。

by ANOTHER-YOUスタッフ (2014-04-30 16:26) 

こんばんは、今までシャボン玉をお借りしていましたが　今回は黒背景の風船お借りします。見てて楽しくなりますね＾＾
by 華凜 (2014-08-02 21:09) 

> 華凜さん

こんばんは、コメントとご利用ありがとうございます。
はい、確かに、風船がたくさん舞い上がるのを見ると、これからイベントが始まるようで、楽しい気分になります。共感していただけて、とても嬉しく思います。

by ANOTHER-YOUスタッフ (2014-08-03 00:05) 

初めて拝見させていただいてます

まさに探してたパーツでした！

制作中のブログですが可愛い風船たちをお借りします＾＾＊

これからもがんばってください♪




by ✿mina✿ (2015-08-04 20:44) 

> ✿mina✿ さん

初めまして。コメントとご利用ありがとうございます。お言葉うれしく思います。
最近は、本来本業で遅れているジュエリーショップのオープンに全力を尽くしておりまして、こちらのブログの更新やブログパーツの製作も滞っております・・
それでもお気に召していただけましたら、お気軽にご利用ください。


by ANOTHER-YOUスタッフ (2015-08-05 06:24) 

ブログパーツファームが閉鎖してしまい、風船のブログパーツが見つからない状態が続いていました。ありがとうございます。
希望を言えば、もう少し風船が小さくて、さらに軽いものだとありがたかったです。

by プニプニ (2018-02-20 03:44) 

> プニプニさん

コメントとご利用ありがとうございます。お返事が大変遅くなりまして、誠に申し訳ございません。
また、貴重なご意見をありがとうございます。今後、いただいたご意見も活かしたブログパーツを制作したいと思います。
なお、技術的なお話しとなりますが、今後、FlashPlayer を利用したブログパーツ等はほとんどのブラウザで表示ができなくなります。現時点でも主要なブラウザで FlashPlayer をそのまま表示できるのは、InternetExplorer（IE） くらいです（近年のIEは表示が重くなりがちのようです）。本ブログパーツも FlashPlayer を利用しておりますので、多くのブラウザで本ブログパーツを表示できない状態かと思います。
当ショップでは、FlashPlayer を利用しない新しいブログパーツも制作しておりますので、お気に召していただけましたら、そちらもご利用ください。新しいブログパーツは、スマートフォンやタブレットPCなどでも動作・表示可能で、常時SSL化したブログなどでもご利用いただけます。
今後ともどうぞよろしくお願いいたします。

by ANOTHER-YOUスタッフ (2018-02-23 20:55)