たんぽぽのグリーティングス|美的ブログパーツ(無料) [美的ブログパーツ(無料)]
このブログパーツは FlashPlayer を利用しております。そのため、最新のブラウザでは表示されなくなっております。当ショップでは、FlashPlayer を利用していない、スマートフォンやタブレットPCでも動作・表示でき、常時SSL化したブログでも使用できる新しいブログパーツを制作しております。お気に召していただけましたら、新しいブログパーツをご利用ください。新しいブログパーツは美的ブログパーツ専用の新しいブログで配布しております。 → 美的ブログパーツ専用のブログを見る
このブログでご提供するブログパーツは、機能性はほとんどございませんが、忙しいビジネスパーソンがその忙しさをひとときでも忘れられるような「美的・癒し」を目指したものです。すべてのブログパーツは、面倒な手続きをすることなく、すぐにご利用いただくことができます。
ブログやホームページには、下記タグ欄の <div align= ・・・ > ・・・ </div> の部分をそのままコピー&ペーストしてご利用ください。タグ中に改行やスペースが表示される場合でも、<div align= ・・・ > ・・・ </div> の部分全体を、一回で選択し、コピー&ペーストしてご利用ください。
なお、ブログパーツをご利用になる前に、別記事の「美的ブログパーツをご利用いただくには」をご覧ください。
1. サイズ
幅・高さともに、お好きなサイズを設定できます。ただし、小さすぎるとメッセージの文字がはみ出しますので、下記のサンプルのサイズをご参考に、ご確認のうえご利用ください(メッセージの文字を表示させないこともできます)。また、文字の並びに幅がありますので、大きめの幅に設定できるブログ本文でご利用いただくのがよいかと思います。なお、Amebaブログなど、ブログ本文にブログパーツを貼り付けられないブログもございます。予めご了承ください。
2. 仕 様
季節のごあいさつ記事などのブログ本文への挿入絵としてご利用いただけるブログパーツです。たんぽぽの綿毛が舞い、メッセージを表示します。このブログパーツは、[1]ブログ記事などの幅に合わせてブログパーツの幅と高さを自由に設定できます。また、[2]ブログパーツの背景の色合いも自由に設定でき、[3]たんぽぽの綿毛の舞い方(風の強さ)を選ぶことができます。さらに、[4]メッセージの文字の配置位置を自由に設定でき、[5]メッセージの字体(フォント)を数種類の中から選ぶことができます。
メッセージにつきましては、現在、「WELCOME」のみですが、多くの方々が使えそうなメッセージのリクエストをいただければ追加の検討をいたします。その際には、お手数ですが、下方のコメント欄にリクエストをご記入いただければとても助かります。
ブログ本文に貼り付ける場合は、各ブログには「HTMLで編集する」のようなメニューや画面があるかと思いますので、そちらのメニューや画面を使用して下記のタグをコピー&ペーストしてください。
[1] ブログパーツの幅と高さの設定は、下記のタグ(サンプル)をブログやホームページにコピー&ペーストしたあとに、その一部を書き換えてください。書き換える場所は、タグ中の aybpWidth = (幅)と aybpHeight = (高さ)に続く部分で、 = と ; にはさまれた数字部分を書き換えます。下記のサンプルでいいますと、550 (ピクセル)の部分が幅で、 160 (ピクセル)の部分が高さですので、それぞれの数字をお好きなサイズに書き換えてください(半角数字)。
[2] ブログパーツの背景の色合い設定は、タグ中の ayColorCode = に続く部分で、 = と ; にはさまれた数字部分を書き換えます。下記のサンプルでいいますと、-1619912805 の部分が背景の色合いを表します。この数字は、-2147483648 ~ 2147483647 の範囲の整数値で書き換えることができます(半角数字と半角-(マイナス))。ただし、0(ゼロ)を設定すると、その範囲の整数値をランダムに選択します(つまり、表示のたびに背景の色合いがランダムに変わります)。上記の範囲の整数値は膨大にありますので、全ての色合いを見て選ぶのは現実的ではありません。そこで、お好きな整数値を決め打ちで設定するのも一法ですが、現在表示中の色合いの整数値をブログパーツ上に表示させてそれを設定する方法もあります。それは、ブログパーツの背景をマウスでクリックすると、ブログパーツ画面上部に例えば「ayColorCode = 1120358919」のような文字が表示されます。このブログパーツ画面上の整数値 1120358919 をマウスで選択してコピー([Ctrl]+[C]キー押下または右クリックで「コピー」メニュー選択)し、タグ中の当該部分にペーストして -1619912805 にあたる部分を書き換えることで、確認済みの色合いを設定することができます。ですので、例えば、当初は 0 に設定しておき、何回かブログパーツを再表示させて、お好みの色合いが表示されたら、背景をマウスクリックして表示中の色合いの整数値を表示・コピーしておき、その整数値でもう一度タグを設定しなおすことで、お好みの色合いに固定設定することができます。もちろん、0 にしておき、毎回変わる背景をお楽しみいただくのもありです。なお、下記の 4.他のサイズや背景色などのサンプル のふたつ目(大きい画面の方)に 0(ゼロ)に設定したものを表示しておきますので、色合い設定にご利用ください。
[3] たんぽぽの綿毛の舞い方(風の強さ)の設定は、タグ中の ayWindType = に続く部分で、= と ; にはさまれた数字の 1 を以下のいずれかに書き換えます(半角数字)。
[4] メッセージ(WELCOME)の位置の設定は、タグ中の ayMessagePosX = や ayMessagePosY = に続く部分で、= と ; にはさまれた数字の 45 や 80 をお好きな値に書き換えます(半角数字)。ayMessagePosX = 45 は横方向位置を表し、数字がプラスで大きい数値ほどメッセージは右に表示され、マイナスで大きい数値ほど左に表示され画面からはみ出します。この数値が 0 のときは、メッセージはブログパーツ画面の左端に位置します。この数値を -250 (マイナス250)くらいにすると、メッセージは画面から完全にはみ出て見えなくなります。また、ayMessagePosY = 80 は縦方向位置を表し、数字がプラスで大きい数値ほどメッセージは下に表示され、マイナスで大きい数値ほど上に表示され画面からはみ出します。この数値が 0 のときは、メッセージはブログパーツ画面の上端に位置します。
[5] メッセージ(WELCOME)の字体(フォント)の設定は、タグ中の ayMessageFont = に続く部分で、= と ; にはさまれた数字の 1 を以下のいずれかに書き換えます(半角数字)。
0 以下の1~3のいずれかをランダムに表示
1 クールな字体
2 エレガントな字体
3 装飾的でかわいらしい字体
[6] ブログパーツの配置位置を変えることもできます。以下の align="center" の部分の center を、 right (右寄り)・ left (左寄り)・ center (中央)のいずれかに書き換えてください(半角英字)。
以上、書き換える際には、前後の " や = や ; などを削除しないようご注意ください。
3. タ グ (サンプル:仕様欄に表示中のブログパーツの設定)
4. 他のサイズや背景色などのサンプル
<div align="right"><a href="http://www.another-you.jp/" target="_blank" title="Another You | business scene jewelry"><script type="text/javascript"> var aybpWidth = 420; var aybpHeight = 130; var ayColorCode = -1223823595; var ayWindType = 2; var ayMessageType = 1; var ayMessagePosX = 85; var ayMessagePosY = 65; var ayMessageFont = 3;</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_dandelion_wide.js"></script></a></div>
<div align="left"><a href="http://www.another-you.jp/" target="_blank" title="Another You | business scene jewelry"><script type="text/javascript"> var aybpWidth = 500; var aybpHeight = 300; var ayColorCode = 0; var ayWindType = 3; var ayMessageType = 1; var ayMessagePosX = 250; var ayMessagePosY = 150; var ayMessageFont = 2;</script><script type="text/javascript" src="http://www.another-you.net/blog_parts/another_dandelion_wide.js"></script></a></div>
5. その他
※Yahoo!ブログ用の設置コードは[こちら]からどうぞ。
■ 不具合対応ご報告 ■ 2014年3月12日まで、InternetExplorer(IE)ブラウザをご利用の場合、お使いのパソコンによりましては(おそらくディスプレイアダプタに「Intel HD Graphics」を使用したパソコン)、本ブログパーツ(Flash)が白く表示される不具合がございました。3月13日に、根本的な対応策をブログパーツ側に組み込み、正常に表示されるようになりました。ご迷惑をおかけいたしました。ちなみに、この問題は一般に起こる問題のようですが、次のIEの操作により正常に表示できる場合がございます(他所でFlashが白く表示される場合などにお試しください)。IEのメニューバーで、「ツール(T)」→「インターネットオプション(O)」→「詳細設定」のメニューを順に選択します。表示された「詳細設定」画面で、「アクセラレータによるグラフィック」項目の「GPUレンダリングでなく、ソフトウェアレンダリングを使用する」をチェック(クリック)します。
6. この他のブログパーツ一覧
始めましてo(_ _)oペコッ
このたんぽぽのワイドサイズをお借りしたかったのですが・・・。
余計なことのか分りませんが、このタンポポのワイド版だけIE10で真っ白の状態で表示されていません、
他のブラウザ、fierfoxとかchromeなどでは表示されています。
その他のワイドサイズの(シャボン玉、Xmasとか)はIE10でも見れます。
もし宜しかったらご検討ください。
by ka-zoo (2014-03-12 19:20)
> ka-zoo さん
はじめまして。コメントありがとうございます。皆様の不具合のご指摘にはとても助けられております。
IE10ではないのですが、Windows8.1+IE11で、同様の現象を確認いたしました。
私どもの現在の主たる環境は、IEを使う場合、Window7+IE11なのですが、その最新版の組合せでは全てのブログパーツは正常に表示されます。IE10の環境がございませんのでWindows7での検証ができておりませんが、Windows8.1+IE11の場合にも、本記事のブログパーツのみ白く表示されることを確認いたしました。
大変申し訳ございませんが、すぐには原因がわかりかねますので、しばらくお時間をください(状況は本記事内で、随時、ご報告いたします)。
お手数・ご迷惑をおかけしてしまいますが、不具合のご指摘誠にありがとうございます。
by ANOTHER-YOUスタッフ (2014-03-12 23:59)
> ka-zoo さん
根本的な解決には至っておりませんが、少々調べましたところ、Windows8.1+IE11の場合、正常に表示できる場合がございました。それから察するに、IEの場合、ハードウェアアクセラレータ(GPU)の違いで、正しく表示されない可能性があることが考えられます。
IE(ver11ですが)のメニューバーで、「ツール(T)」→「インターネットオプション(O)」→「詳細設定」のメニューを順に選択します。表示された「詳細設定」画面で、「アクセラレータによるグラフィック」項目の「GPUレンダリングでなく、ソフトウェアレンダリングを使用する」をチェック(クリック)すると、本ブログパーツも正常に表示されました。
残念ながらこの方法は、IEで本ブログパーツをご覧になる方々に対処していただくことになりますので、根本的な解決策とはなりません。ですが、問題の現象が起きるのは、IEのバージョンやOSの違いではなく、IE利用時にはGPUによって起きる問題なのかもしれません。
以上は途中経過ご報告となりますが、根本的な解決には今しばらくお時間をくださいませ。
by ANOTHER-YOUスタッフ (2014-03-13 01:52)
> ka-zoo さん
たびたびで失礼いたします。ご指摘の問題の回避策と考えられるものをブログパーツ側に組み込んでみました。私どもでも問題確認をしたWindows8.1+IE11の環境で、IEのレンダリング設定を変えることなく、正常に表示されることを確認いたしました。
大変お手数をおかけいたしますが、現在このブログに表示中のブログパーツが正常に表示されるか、ご確認いただけますと大変助かります。なお、ご確認の際には、ブラウザのキャッシュに古いブログパーツが残っている場合もございますので、キャッシュをクリアされるか強制的に再読み込みをして、最新のブログパーツを表示いただきますようお願いいたします。
どうぞよろしくお願いいたします。
by ANOTHER-YOUスタッフ (2014-03-13 08:08)
こんにちは^^
対応が素早くって感心しております。(今IE10から書いてます)
今、ここに来た時は同じような”白い”状態でしたが、上の説明とおりツールの設定で表示されました。
そして試しに「GPUレンダリングでなく、ソフトウェアレンダリングを使用する」チェックをまた外して、ブラウザを閉じ、もう一度ここのページを開くと今度は表示されています。
ご指摘のようにキャッシュが残っているのかと思い更新を何度かしましたけど、”チェックを外して”も今度はもう大丈夫みたいですね。
でも、不思議ですよね?基本は同じ作りだと思うんですけど、このパーツだけって。
とにかく有り難う御座いました。使わせていただきます。お疲れ様でした。
PS.始めまして→初めまして
出だしから間違ってしまって失礼しました。
by ka-zoo (2014-03-13 12:29)
> ka-zoo さん
早速のご確認ありがとうございます。しかも、2通りのご確認をいただき、とても助けられました。
ご確認いただいた点からも、やはり、IEをご利用の場合、ハードウェアアクセラレータ(GPU)によっては、ブログパーツ(Flash)の挙動が変わるようです。今回は、このブログパーツだけでしたが、お陰様で挙動が変わる箇所が特定でき、ブログパーツ側での回避策もわかりましたので、大変助かりました。
昨今はいろいろなパソコン・インターネット環境がございますので、すべての場合を尽くすことができません。ですので、皆様からちょっとしたことでもご指摘をいただけるのは大変助けられます。今後は、今回ご指摘いただいた点も考慮してまいりたいと思います。
ご指摘からご確認までいただきまして、本当にありがとうございました。とても助けられました。
by ANOTHER-YOUスタッフ (2014-03-13 17:14)