So-net無料ブログ作成
検索選択

ふうせん|美的ブログパーツ(無料) [美的ブログパーツ(無料)]

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

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

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

1. サイズ

幅160ピクセル・高さ250ピクセル (下記掲載画面が実際の実物大のブログパーツです)

2. 仕 様

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


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

[2] 風船の飛び方(風の強さ)の設定は、タグ中の wind_type= に続く部分で、= と &にはさまれた数字の 1 を以下のいずれかに書き換えます(半角数字)。
  0  以下の1~4のいずれかをランダムに表示
  1  基準としての飛び方 (基準の風)
  2  基準よりやや穏やかな飛び方 (基準よりやや弱い風)
  3  基準よりかなり穏やかな飛び方 (基準よりかなり弱い風)
  4  基準より強く流される飛び方 (基準より強い風)

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

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

[5] ブログ本文裏側に風船と紙吹雪を飛ばす設定は、タグ中の back_ground= に続く部分で(back_ground=以降の一部が本記事表示範囲からはみ出して見えない場合がありますが、下記のタグすべてを一回で選択してコピー&ペーストすれば含まれております)、= と " にはさまれた英字の on を以下のいずれかに書き換えます(半角英字)。
  on  風船と紙吹雪を本文裏側に、表示する
  off  風船と紙吹雪を本文裏側に、表示しない
なお、ブログやホームページのデザインやテンプレートによりましては、背景(繰り返し画像など)に隠れて風船と紙吹雪が全く見えなくなる場合がございます。その場合、デザインやテンプレートのHTMLやCSS編集が可能であれば見えるようにできる可能性もございますが、それらができないブログなどもございます。予めご了承ください。なお、本ブログでも本文背景に画像を設定しているため、ブラウザ画面の横幅を広くしないと本文裏側の風船と紙吹雪が見えない場合もございます。本ブログ上でご覧になりたい場合は、ブラウザ画面の横幅を広げてみてください。

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

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


3. タ グ (サンプル:仕様欄に表示中のブログパーツの設定)

<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>
 

4. 他の背景色などのサンプル


<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>


5. その他

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

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


6. 関連ブログパーツ|ブログ本文背景にも表示ができるもの


RSS1.0このブログの更新情報が届きます(RSS1.0) ※左のリンクから「フィードを登録|購読する(無料です)」をクリックしてブラウザに登録すると、更新通知が自動的にブラウザに表示されます。詳しくはブラウザのヘルプをご覧ください。
※以下のFacebookコメントへの返信内容は、2012年5月以前のものは、ご投稿者と返信者だけが見られます。
nice!(3)  コメント(6)  トラックバック(0) 
共通テーマ:blog
Copyright (c) 2012 ~ 2017 ANOTHER YOU All Rights Reserved.

nice! 3

コメント 6

ガコちゃん♪

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

ANOTHER-YOUスタッフ

> ガコちゃん♪ さん

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

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

華凜

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

ANOTHER-YOUスタッフ

> 華凜さん

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

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

✿mina✿

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

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

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

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




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

ANOTHER-YOUスタッフ

> ✿mina✿ さん

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


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

コメントを書く

お名前:[必須]
ブログアドレスURL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

※ 現在の画像認証文字は587625です(数字部分をコピー&ペーストして入力ください)。お手数おかけしますが、So-netブログの大量スパムコメント対策のため、画像認証が必要になりました。
※※ 現在、コメント投稿は承認制としております。ご投稿いただいたコメントの公開までには、今しばらくお時間をくださいませ。

トラックバック 0

この記事のトラックバックURL:
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。