リンク・バナー・画像リンクFlashバナーの貼り方

みなさんのホームページ、ブログに是非「風」公式サイトへのリンクを貼ってください。「HTMLソース」の表示画面で、下記を直接貼り付けるだけでOKです。様々なデザインのリンク用バナーも募集していますので、よろしくお願いします。

Flashバナーの貼り方

Flashアニメ(swfファイル)を表示させるには、gif画像などと同じimgタグは使えません。swfファイル単独で表示させようとしても、正常なサイズで表示されません。HTMLの中で、縦と横のサイズをきちんと指定する必要があります。imgタグを挟み込む形のリンクタグも使えず、swfファイルを使ったリンクは、ファイル作成時にファイルに内蔵化させます。

Flashバナーのお持ち帰り方法と表示・リンクの設定方法を、上記のファイルを例に説明します。下のリンクを右クリックし、「対象をファイルに保存」(IE)を左クリックして、あなたのPCにダウンロードしてください。

http://kaze.fm/okinawa.swf

次に、下のタグを、Webページ作成ソフトの「HTMLソース」を表示させた画面で、フラッシュアニメを配置したい場所に貼り付けます。swfファイルとHTMLファイルはサーバーの同じディレクトリにアップしてください。

Seasaaブログの場合、「リッチテキストエディタ」を(一時的に)「利用しない」の設定にしないと、うまく貼り付けることができないようです。変更は「設定」をクリックして行います。

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="90" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="okinawa.swf" />
<param name="quality" value="high" />
<embed src="okinawa.swf" quality="high" width="160" height="90" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

なるべく直リンクは避けていただきたいのですが、ダウンロードせず直リンクしたい場合は下のタグを貼り付けてください。

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="90" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://kaze.fm/okinawa.swf" />
<param name="quality" value="high" />
<embed src="http://kaze.fm/okinawa.swf" quality="high" width="160" height="90" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

ところで、ファイルをXHTMLで書く場合、上記のタグのままだと、W3Cの構文チェッカー(バリデーター)に引っかかります。それを避けたい場合は、下記のように、タグをjavascriptで包み込みます。

<script type="text/javascript">
<!--
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="90" align="middle">');
document.write(' <param name="movie" value="http://kaze.fm/okinawa.swf" />');
document.write(' <param name="quality" value="high" />');
document.write(' <param name="allowScriptAccess" value="sameDomain" />');
document.write(' <embed src="http://kaze.fm/okinawa.swf" quality="high" width="160" height="90" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
-->
</script>

Flashバナー集

ダウンロード用ファイル:

http://kaze.fm/asdf-activity.swf

自サーバー用タグ:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="350" height="503" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="asdf-activity.swf" />
<param name="quality" value="high" />
<embed src="asdf-activity.swf" quality="high" width="350" height="503" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

直リンク用タグ:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="350" height="503" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://kaze.fm/asdf-activity.swf" />
<param name="quality" value="high" />
<embed src="http://kaze.fm/asdf-activity.swf" quality="high" width="350" height="503" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

XHTML・W3Cバリデーター対策用タグ:

<script type="text/javascript">
<!--
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="350" height="503" align="middle">');
document.write(' <param name="movie" value="asdf-activity.swf" />');
document.write(' <param name="quality" value="high" />');
document.write(' <param name="allowScriptAccess" value="sameDomain" />');
document.write(' <embed src="asdf-activity.swf" quality="high" width="350" height="503" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
-->
</script>

ダウンロード用ファイル:

http://kaze.fm/kakusakokuminshuken.swf

自サーバー用タグ:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="120" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="kakusakokuminshuken.swf" />
<param name="quality" value="high" />
<embed src="kakusakokuminshuken.swf" quality="high" width="160" height="120" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

直リンク用タグ:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="120" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://kaze.fm/kakusakokuminshuken.swf" />
<param name="quality" value="high" />
<embed src="http://kaze.fm/kakusakokuminshuken.swf" quality="high" width="160" height="120" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

XHTML・W3Cバリデーター対策用タグ:

<script type="text/javascript">
<!--
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="120" align="middle">');
document.write(' <param name="movie" value="kakusakokuminshuken.swf" />');
document.write(' <param name="quality" value="high" />');
document.write(' <param name="allowScriptAccess" value="sameDomain" />');
document.write(' <embed src="kakusakokuminshuken.swf" quality="high" width="160" height="120" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
-->
</script>

ダウンロード用ファイル:

http://kaze.fm/kaikentetsudukihouan-poll.swf

自サーバー用タグ:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="200" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="kaikentetsudukihouan-poll.swf" />
<param name="quality" value="high" />
<embed src="kaikentetsudukihouan-poll.swf" quality="high" width="160" height="200" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

直リンク用タグ:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="200" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://kaze.fm/kaikentetsudukihouan-poll.swf" />
<param name="quality" value="high" />
<embed src="http://kaze.fm/kaikentetsudukihouan-poll.swf" quality="high" width="160" height="200" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

XHTML・W3Cバリデーター対策用タグ:

<script type="text/javascript">
<!--
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="200" align="middle">');
document.write(' <param name="movie" value="kaikentetsudukihouan-poll.swf" />');
document.write(' <param name="quality" value="high" />');
document.write(' <param name="allowScriptAccess" value="sameDomain" />');
document.write(' <embed src="kaikentetsudukihouan-poll.swf" quality="high" width="160" height="200" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
-->
</script>

ダウンロード用ファイル:

http://kaze.fm/zaki-kaikentetsudukihouan.swf

自サーバー用タグ:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="398" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="zaki-kaikentetsudukihouan.swf" />
<param name="quality" value="high" />
<embed src="zaki-kaikentetsudukihouan.swf" quality="high" width="160" height="398" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

直リンク用タグ:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="398" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://kaze.fm/zaki-kaikentetsudukihouan.swf" />
<param name="quality" value="high" />
<embed src="http://kaze.fm/zaki-kaikentetsudukihouan.swf" quality="high" width="160" height="398" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

XHTML・W3Cバリデーター対策用タグ:

<script type="text/javascript">
<!--
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="398" align="middle">');
document.write(' <param name="movie" value="zaki-kaikentetsudukihouan.swf" />');
document.write(' <param name="quality" value="high" />');
document.write(' <param name="allowScriptAccess" value="sameDomain" />');
document.write(' <embed src="zaki-kaikentetsudukihouan.swf" quality="high" width="160" height="398" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
-->
</script>

画像リンクの貼り方

下記のようなタグをHTML中に貼り付けます。"画像ファイル名"部分の画像ファイル名(画像に矢印を合わせて右クリックし、「プロパティ」で確認可能)を実際のものに変更してください。

<a href="http://kaze.fm/" target="_blank"><img src="画像ファイル名" border="0" alt="平和への結集――総選挙へ向けて"></a>

画像リンクの枠線(周りの線)を消すには、border="0"を追加します。スタイルシートに以下の記述を加えておけば、各リンクにborder="0"を書き加える必要はありません。

a img {
	border: 0;
}

例:平和への結集――総選挙へ向けて
<a href="http://kaze.fm/" target="_blank"><img src="kaze-banner-anime-s.gif" border="0" alt="平和への結集――総選挙へ向けて"></a>

画像は、画像に矢印を合わせて右クリックし、「名前を付けて画像を保存」(IE)でPCに保存できます。リンクを貼るページのHTMLファイルとリンク用画像ファイルは、同じディレクトリにアップしてください。

国民投票法案――国民主権も格差づけ

自衛軍をつくって「現状」肯定しよう?!

2007参院選――格差是正。選挙格差はどうする?小選挙区制やめて選挙格差なくそう。

2005衆院選、与党は49%の得票で76%もの議席を獲得。“圧勝”は見せかけ。

「風」バナー

「風」バナー

「風」バナー

「風」バナー

「風」バナー

「風」バナー

「風」バナー

「風」バナー

「風」バナー

「風」バナー
(↑一巡アニメ)
コマ1 平和で立つのはひとりにしよう
コマ2 選挙では共同候補が勝つコツです
コマ3 平和への結集をめざす市民の風

「風」バナー

白色バナー

「風」バナー
(↑一巡アニメ)
コマ1 平和で立つのはひとりにしよう
コマ2 選挙では共同候補が勝つコツです
コマ3 平和への結集をめざす市民の風

「風」バナー

文字だけのリンク

下記のタグをHTML中に貼り付けてください。

<a href="http://kaze.fm/" target="_blank">平和への結集――総選挙へ向けて</a>

実際:平和への結集――総選挙へ向けて