FLASHファイルのダウンロード・解凍
設置ページへのFLASHタグの挿入
FLASHタグの編集
テキストファイルの編集【カスタマイズ用テキストファイル】
画像ファイルの設定
ファイルのパス指定・階層(フォルダ)とは
Flash Player 8 およびそれ以降のバージョンでのセキュリティ警告について
各素材ページにある「Download」ボタンをクリックしてファイルをダウンロードして下さい。
ファイルはZIP形式で圧縮しています。解凍するには解凍ソフトが必要です。
解凍すると以下のようなファイルが入っています。
注:MENU01〜MENU20・MENU25以降・PHOTO14以降には「利用規約・設置方法(xxxxxx).html」ファイルは入っておりません。

注:「ツール」→「フォルダオプション」→「表示」で「登録されている拡張子は表示しない」にチェックが入っていると、html・txt・swf などの拡張子は表示されませんのでご注意下さい。
- 利用規約・設置方法(xxxxxx).html 【利用規約と設置方法が書いてあるHTMLファイル】
- xxxxxxxx.html 【FLASHを表示するHTMLファイル】
- xxxxxxxx.swf 【FLASHファイル】
- xxxxxxxx.txt 【設定を行うテキストファイル】
- imgフォルダ 【画像ファイルが入っているフォルダ】
FLASHを表示するHTMLファイルをメモ帳(Win)・テキストエディタなどで開いて下さい。
<object 〜 <object> の部分(緑の背景部分)がFLASHを表示するタグになります。FLASHを表示させたいHTMLファイルにこのタグを貼り付けて下さい。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"
<meta http-equiv="Content-Style-Type" content="text/css">
<title>photo13_1</title>
</head>
<body bgcolor="#ffffff">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=9,0,0,0" width="430" height="430" id="photo13_1"
align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="photo13_1.swf?txt_url=photo13_1.txt">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="photo13_1.swf?txt_url=photo13_1.txt" quality="high"
bgcolor="#ffffff" width="430" height="430"
name="photo13_1" align="middle" allowScriptAccess="sameDomain"
allowfullscreen="false" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
</body></html>
▼黄色の背景部分は「IE用表示タグ」・緑の背景部分は「IE以外のブラウザ用表示タグ」となります。
ファイル名及びパス指定・素材サイズ・背景色の変更をする場合、必ず2か所同じように変更して下さい。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=9,0,0,0" width="430" height="430" id="photo13_1" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="photo13_1.swf?txt_url=photo13_1.txt">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="photo13_1.swf?txt_url=photo13_1.txt" quality="high" bgcolor="#ffffff" width="430" height="430" name="photo13_1" align="middle" allowScriptAccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object>
テキストファイル名及びパス指定
テキストファイル名を変更しない・FLASHを表示するファイルと同じ階層におく場合には変更の必要はありません。
注:MENU01〜MENU20には「テキストファイル名及びパス指定」を設定する部分はありません。
MENU01〜MENU20は、FLASHを表示するファイルと同じ階層(フォルダ)に置いて下さい。
下記の赤の太文字部分を2か所変更して下さい。(注:FLASHを表示するファイルからのパスになります)
※パスの指定・階層についコチラをご覧下さい。
#version=9,0,0,0" width="430" height="430" id="photo13_1" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="photo13_1.swf?txt_url=photo13_1.txt">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="photo13_1.swf?txt_url=photo13_1.txt" quality="high" bgcolor="#ffffff" width="430" height="430" name="photo13_1" align="middle" allowScriptAccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object>
FLASHファイル名及びパス指定
FLASHファイル名を変更しない・FLASHを表示するファイルと同じ階層におく場合には変更の必要はありません。
注:MENU01〜MENU20には「FLASHファイル名及びパス指定」は出来ません。
MENU01〜MENU20は、FLASHを表示するファイルと同じ階層(フォルダ)に置いて下さい。
下記の赤の太文字部分を2か所変更して下さい。(注:FLASHを表示するファイルからのパスになります)※パスの指定・階層についてはコチラをご覧下さい。
#version=9,0,0,0" width="430" height="430" id="photo13_1" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="photo13_1.swf.swf?txt_url=photo13_1.txt">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="photo13_1.swf?txt_url=photo13_1.txt" quality="high" bgcolor="#ffffff" width="430" height="430" name="photo13_1" align="middle" allowScriptAccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object>
素材サイズの変更
素材サイズを変更するには、下記の赤の太文字部分を縦・横同じ比率で2か所変更して下さい。
【例:photo13_1】#version=9,0,0,0" width="430" height="430" id="photo13_1" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="photo13_1.swf?txt_url=photo13_1.txt">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="photo13_1.swf?txt_url=photo13_1.txt" quality="high" bgcolor="#ffffff" width="430" height="430" name="photo13_1" align="middle" allowScriptAccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object>
背景色の変更
背景色を変更をするには、下記の赤の太文字部分を2か所変更して下さい。
【例:photo13_1.html】#version=9,0,0,0" width="430" height="430" id="photo13_1" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="photo13_1.swf?txt_url=photo13_1.txt">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="photo13_1.swf?txt_url=photo13_1.txt" quality="high" bgcolor="#ffffff" width="430" height="430" name="photo13_1" align="middle" allowScriptAccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object>
背景の透過
背景を透過させたい場合には下記の赤の太文字部分を2か所書き足して下さい。
【例:photo13_1.html】#version=9,0,0,0" width="430" height="430" id="photo13_1" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="photo13_1.swf?txt_url=photo13_1.txt">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="bgcolor" value="#ffffff">
<embed src="photo13_1.swf?txt_url=photo13_1.txt" quality="high" wmode="transparent" bgcolor="#ffffff" width="430" height="430" name="photo13_1" align="middle" allowScriptAccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object>
別サーバーからFLASHファイルを読み込む場合の設定
初期設定では別サーバーからFLASHファイルを読み込む場合、リンクのターゲット設定「_blank」以外は動作しません。「_blank(新しいウィンドウ)」以外の「_top(全画面)|_self(同一ウィンドウ)|フレーム名」に設定する場合には赤の太文字「sameDomain」の部分2か所を → 「always」に変更して下さい。
【例:photo13_1.html】#version=9,0,0,0" width="430" height="430" id="photo13_1" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="photo13_1.swf?txt_url=photo13_1.txt">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="photo13_1.swf?txt_url=photo13_1.txt" quality="high" bgcolor="#ffffff" width="430" height="430" name="photo13_1" align="middle" allowScriptAccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object>
FLASHをカスタマイズするには、こちらのテキストファイルで行います。
テキスト内の説明(//この部分のところ)を見ながらご自分のサイト用に設定して下さい。
※緑の背景部分はFLASHファイルから読み込む事が出来なくなる為、変更・削除はしないで下さい。
//タイトル・サイトネームなど・・・(日本語不可)
&sitename=Welcome to My Website *NaturalBreeze*&
//タイトル・サイトネームなどのカラー(例)#CCCCCC→0xCCCCCC
&title_color=0xca0000&
//サイトネーム上のリンク先
//必要のない時はアドレス部分のみ空白にして下さい。(例:&siteurl=&/&urltarget=&)
&siteurl=http://naturalbreeze.cside.com&
&urltarget=_blank&
以下省略
「&」・「=」その他特殊文字の使用
テキストでの編集で「&」「=」は使用する事が出来ません。
使用する場合には「&」は→「%26」として下さい。
例:【 FLASH&PHOTO 】と表示したい場合→【 FLASH%26PHOTO 】
http://www.adobe.com/jp/support/flash/ts/documents/url_encoding.htm
メールリンクを設定
設定したい場所に【mailto:メールアドレス】として下さい。
---------------------------------------&url=mailto:xxxx@xxx.xxx&
&target=& ←タ−ゲット指定なし
---------------------------------------
使用できるHTMLタグ
HTMLタグが使用できる部分は「//タグ使用可」と書いてある部分だけです。
日本語表示不可と書いてある部分には使用する事が出来ませんのでご注意下さい。
| リンク指定(ターゲット指定も可) | <a href ="url" target="_self"> 〜 </a> |
| 画像表示 | <img src="画像名" width="幅" height="高" border="枠線 "hspace="左右のスペース幅" vspace="上下のスペース幅"> |
| フォント指定 (書体/サイズ/カラー) |
<font face ="フォント名" size ="サイズ" color="色"> 〜 </font> |
| ボールド(太文字) | <b> 〜 </b> |
| イタリック(斜体) | <i> 〜 </i> |
| アンダーライン(下線) | <u> 〜 </u> |
| 改行と行揃え ( left・center・right ) |
<p align = "center"> 〜真ん中に表示〜 </p> |
リンク先のターゲット設定
リンク先のページを表示するウィンドウの指定。
| _blank | 新しいウィンドウ |
| _top | 全画面ウィンドウ |
| _self | 同一ウィンドウ |
| フレーム名指定 | サイトの設定に合わせて下さい。 |
FLASH素材「MENU01〜MENU20」の場合、画像のファイル名は変更する事が出来ません。
またFlashを表示するファイルと同じ階層(フォルダ)に置かなければ表示出来ませんのでご注意下さい。
すでに改良されている「MENU01〜MENU20」以外の素材は、テキストで画像ファイル名及びパス指定を設定する事が出来ます。
注:JPG画像はプログレッシブでは保存しないで下さい。こちらも読み込めなくなってしまいます。
プログレッシブとは、画像の保存方法です。
▼下記の場合、画像ファイル「img1.jpg」はFlashを表示する「menu24_1.html」から見て「imgフォルダ」の中にありますので、テキストでの画像を設定する部分は「&img1=img/img1.jpg&」となります。

▼下記の場合には、画像ファイル「img1.jpg」はFlashを表示する「menu24_1.html」から見て同じ階層(フォルダ)内にありますので、テキストでの画像を設定する部分は「&img1=img1.jpg&」となります。

まずパスとはファイルの場所を指定する時に使用する方法の事です。
これには「絶対パス」と「相対パス」があります。「http://」で始まるパスは「絶対パス」になります。
他サーバーへのリンクや他サーバーのファイルへの指定はこちらを使用する事になります。
また「相対パス」とは違い、どのファイルからみても指定は同じになります。
次に「相対パス」とは、基準となるファイルからみて任意のファイルへの場所を指定します。
同じ階層(フォルダ)内にあればファイル名を記述するだけでいいのですが、同じ階層(フォルダ)内にない場合にはそのルートを「/(スラッシュ)」を使用して指定して下さい。
※下記の図の赤の文字(http://〜)は絶対パスで指定した例
※相対パスで指定した例(FLASHファイル・テキストファイルのパス指定|HTMLファイルでの設定)
▼「index.html」ファイルに「enter.swf(FLASHファイル)」を表示させる場合、同じ階層(フォルダ)内にありますのでファイル名【 enter.swf 】だけの指定になります。
▼「index.html」ファイルに「menu.swf(FLASHファイル)」を表示させる場合、「index.html」ファイルからみて「flash」フォルダの中に「menu.swf」はありますので、パスの指定は【 flash/menu.swf 】となります。
▼「index.html」ファイルに「photo.swf(FLASHファイル)」を表示させる場合、「index.html」ファイルからみて「flash」フォルダの中の、そのまた「photo」フォルダの中に「photo.swf」はありますので、パスの指定は【 flash/photo/photo.swf 】となります。
※相対パスで指定した例(画像ファイルのパス指定|テキストファイルでの設定)
▼「index.html」ファイルに「enter.swf(FLASHファイル)」を表示させ「img1.jpg」の画像ファイルを読み込みたい場合には、FLASHを表示するファイル「index.html」ファイルからみて、「img」フォルダの中に「img1.jpg」画像がありますので、パスの指定は【 img/img1.jpg 】となります。
▼「index.html」ファイルに「enter.swf(FLASHファイル)」を表示させ「img3.jpg」の画像ファイルを読み込みたい場合には、FLASHを表示するファイル「index.html」ファイルからみて、「flash」フォルダの中の「photo」フォルダの中の「img」フォルダの中に「img3.jpg」画像がありますので、パスの指定は【 flash/photo/img/img3.jpg 】となります。
Flash Player 8 およびそれ以降のバージョンではローカル(PC)内でFlash(swf)ファイルがインターネットにアクセスをしようとすると「警告ダイアログボックス」が表示されます。(インターネット上では影響はありません)
【表示される例】メニュー素材などでリンク先を絶対パスで指定し、ローカル内でインターネットにアクセスしようとした時
<許可をしなければインターネット上にアクセスする事は出来ません。>
※下記のページを参照
【↓Flash Player8 セキュリティ警告について】
http://www.adobe.com/jp/devnet/flashplayer/articles/fp8_security_warning.html
【↓Flash Player8 セキュリティ警告について:設定方法】
http://www.adobe.com/jp/devnet/flashplayer/articles/fp8_security_warning_02.html
【↓Adobeサポート: ローカルコンテンツからのインターネット通信を許可する方法】
http://support.adobe.co.jp/faq/faq/qadoc.sv?228700+002