Flashを使ちゃお~ 4
準備はいいでしょうか?
いよいよFlashをブログに設置します
見本 で使っていますフラッシュバックス さまのFlashを設置するためのHTMLです
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 " width="600" height="180">
<param name="movie" value="bn02b.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="bn02b.swf" width="600" height="180" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent"></embed></object>
↓コレを加工します(赤字部分だけですそれ以外はそのままで)
document.open();
document.writeln('<div id="h_ameba"><embed src="bn02b.swfをアップしたURL" width="760" height="228" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent"></div>');
document.close();
※ 600*180 → 760*228 に拡大しています( 800*240 とか)
※ URLと縦と横、以外はそのままさわらないで下さい
↓document.open(); から document.close(); までをwinでしたらメモ帳とかに貼り付けて
(それ以外の余計なものは書かないで)
↓header.js と名前をつけてshift_jisで保存(名前は適当です 拡張子.jsは変えたらダメです)
↓header.js をサーバーにアップ(アップしたURLを調べておきます)
フリープラグインの中でしたらどこでもかまいませんので↓
<script type="text/JavaScript" src="header.jsをアップしたURL"></script >
※ 2ヶ所以上へ設置する場合はid名と、js名を適当に変更ください
その場合、現在ブログで使用しているid名は使ってはダメです
header、member、helpなどは使用済みですので使えません
CSSに
div#h_ameba{
position:absolute;
top:0px;
left:0px;
z-index:50;
}
※位置の決め方はペタぼたんと同じです
※2つ以上設置する場合は違うid名で同じCSSを作ってください
以前にペタぼたんとか使用していない場合は
↓これもCSSにコピペしてください(すでにある場合は不要です)
#frame {
position: relative;
}
スタンダードのグリーン(ピーチ、グレイ、ブルー)の場合は
ヘッダーの縦が小さく、バックに背景色がありますので
縦をFlashにあわせ(だいたいでOK)背景を白にしておきます
#header{
height:230px;
background-color:#ffffff;
}
すでにカスタマイズをやっていて画像とかが設定してある場合で
Flashからはみ出たり、じゃまになる場合は外してください
++++++++++++++++++++++++++++
ココのブログで使っていますゴジラアメーバのFlashを設置するためのHTMLです(Flash 8)
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0 " width="550" height="200" id="ameba" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="ameba.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src=ameba.swf" quality="high" bgcolor="#ffffff" width="550" height="200" name="ameba" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer " />
</object>
↓コレを加工します
document.open();
document.writeln('<div id="top_ameba"><embed src="ameba.swfをアップしたURL" width="550" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent"></div>');
document.close();
++++++++++++++++++++++++++++
↓SWiSH でサイドのバナーを作ったときのHTMLです(サイドバーのバナーです)
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0 "
id="exlink" width="159" height="45">
<param name="movie" value="exlink.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<embed name="exlink" src="exlink.swf" quality="high" bgcolor="#FFFFFF"
width="159" height="45"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash ">
</embed>
</object>
↓コレを加工します
document.open();
document.writeln('<embed src="exlink.swfをアップしたURL" width="195" height="45" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer " type="application/x-shockwave-flash" wmode="transparent">');
document.close();
※バナーですので表示位置を動かしませんので <div id="h_ameba"> と </div>は書いていません
また、位置もそのままですのでCSSも使いません
↓banner.js と名前をつけてshift_jisで保存(名前は適当です)
↓banner.js をサーバーにアップ
表示させたい所に(とうぜんフリープラグインの中でのことですが)
<script type="text/JavaScript" src="banner.jsをアップしたURL"></script >
※くっつきすぎの場合は前後に<br>をいれて改行してください
自分でやっておいてなんですが・・・・・
HTMLにはいっぱい書かれているのに・・・・
URLと縦と横だけって・・・・・・
こんなんでいいの?
って~のが感想です
正直・・・・
よくわかっていません・・・・ 質問はNGで
こんなんで設置できた方はコメントください
Flashを使ちゃお~ くす玉