Flashを使ちゃお~ くす玉 2
ここまではいいですか~?
Flashを使ちゃお~ くす玉では忍者ブログにログイン・・・管理ページに入ります
左のメニューから 便利ツール → ファイルアップロード
参照ぼたんを押してパソコンの中からアップするファイルを指定します
※1度に1つしかアップできません
kusudama1.swf と kusudama1.txt の2つをアップしてください
アップしたらkusudama1.swfのURLを調べます(kusudama1.txtのURLは不要です)
ファイル名の上で右クリック
プロパティ で、URLがわかります
メモ帳とかにコピーしておいてください
※画像はこれから後にアップしますkusudama.jsですがkusudama1.swfも同じです
ここでいったん忍者ブログから離れます・・・
WINでしたらメモ帳を開いてください
document.open();
document.writeln('<div id="kusudama"><embed src="kusudama1.swfのURL" width="80" height="130" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent"></div>');
document.close();
赤字部分に先ほど調べたkusudama1.swfのURLを記入して kusudama.js として保存します(shift_jis)
保存が出来ましたら再度、忍者ブログに kusudama.js をアップしてから kusudama.js のURLを調べます
これで忍者ブログは終わりです
次はアメブロ、フリープラグインの中でしたらどこでもかまいませんので
<script type="text/JavaScript" src="kusudama.jsのURL"></script >
さらにCSSに・・・・
div#kusudama {
position:absolute;
top: 0px;
right: 0px;
z-index:50;
}
配置の位置あわせはペタぼたん
と同じです
ここで・・・・
z-index:50; ペタのときもでてきました z-index:100;
これは重なりを意味します
0が基準で値が大きいものほど上に表示されます
レイヤーの順番のようなっていったほうが理解できる方もおられるかも(レイヤーとは違いますが)
つまりz-index:100;のペタぼたんの方がz-index:50;のくす玉より上に表示されるわけです
よくみるとくす玉の紐がペタぼたんの下になっているのがわかると思います
数字は1.2.3でいいのですが・・・なんせ大雑把なもんですから・・・・・
また・・・・
#frame {
position: relative;
}
コレがまだCSSにない場合はこちらも貼り付けてください
(1つ有ればいいので前に使った場合はさらに書く必要はありません)
以上でくす玉がブログに貼りつくはずです
※フラッシュバックス さまへのリンクは忘れないで下さい
Flashを使ちゃお~ くす玉
ここまでFlashを記事にしてきましたが・・・
めちゃくちゃ反応がありません・・・・(T_T)
やはりむずかしいというイメージがあるのでしょうか?
自分で好きなように作れない・・・
気に入った素材がない・・・・
メンドウだ・・・・
な、感じでしょうか?
私自身、Flashはもう6.7年さわっていません
以前はホームページに使う画像もFlash
会社で使う印刷の版下もFlash
・・・・Fireworksではありません
・・・・Illustratorでもありません
それだけFlashにはまっていた時期がありました
なぜ使わなくなったかは
まったくおぼえていません
でも、またさわりたくなってきています
で、・・・・・・・・
みなさまにも使っていただけるようなワンポイントのFlash
ペタぼたんの下についています「クス玉」
これを説明します
まずは
フラッシュバックス さま → 左メニューの中から「ユニーク」 → くす玉の「詳細とダウンロード」
くす玉にもいくつかのタイプがありますが文章を入力できる
自由入力( 外部ファイルで文章を設定可能)
こちらをダウンロード 自分のパソコンの適当な所に保存してから解凍します
ダウンドードした kusudama1.zip を解凍すると
kusudama1というフォルダーができて中に
kusudama1.swf
kusudama1.txt
sample.html
素材解説.html
の、4つのファイルが現れます・・・・
設定はkusudama1.txtを開きます
//テキストの設定
&tx= 10
Kg
ダ
大イ
成エ
功ッ
!ト&
赤字部分はそのままで・・・・・
青字部分が表示されます
横2列、縦7行が表示されます
■10
■Kg
■ダ
大イ
成エ
功ッ
!ト
わかりやすくしてみました
■は全角のスペースです
これでどう表示されるかは上の画像を参考にしてください
7文字2行は案外むずかしいですよ
うまく文章の配置を考えてください
ココのブログの場合は
//テキストの設定 &tx= ぺ おタ 願大 い歓 し迎 ま!! す &
↑コレをkusudama1.txtに上書き保存します
次にアメブロにはこれらのファイルはアップできませんので
別にファイルをアップするサーバーを何とかします
アメブロですでに忍者ツール(アクセス解析など)を使われている方が多いので
忍者でブログを借りちゃってください・・・・
同じ忍者でもホームページはダメです
ホームページの方は外部からの呼び出しが出来ません
すでに別のサーバーを利用している場合はそれでかまいません
とりあえずはファイルをダウンロード、解凍、テキストを作成、忍者ブログを借りる
続きは次回に・・・・・

