Flash（フラッシュ）のボタン素材5（矩形・下スライド）
Flash（フラッシュ） ボタン素材5（矩形・下スライド）です。
矩形のボタンにマウスオーバーするとシャドウが下からスライドしてきます。そして、マウスアウトでシャドウは下に引っ込みます。その他、基本的な設定の仕方や動作は、Flashボタン素材3と同じです。
なお、検索ロボットはFlashの中のリンクを辿ることができないため、サイトマップ等を利用してSEO対策してください。
リンクウェアのため、Flash素材を利用するには当サイトへのテキストリンクが必要です。
利用規約をお読みになってからご利用ください。
ゴシック体 横・縦のサイズ（ファイルサイズ） 文字サイズ−ノーマル・太字
明朝体
Flash素材情報
【サイズ】 横100px X 縦25px（943B〜961B）
【文字】 12px〜14px ノーマル・太字 ゴシック・明朝
【サイズ変更】 縦横比固定でOK
【バージョン】 Flash Player6
【ファイル】 button5.swf、load.txt、tag.txt、sample.html
【特徴】 ボタン・枠線・テキスト・シャドウの色・リンク先・ターゲット・テキストの内容・シャドウの透明度を外部テキストファイルで変更可能
表示可能な文字数
最大文字数を超えると、それ以降の文字は表示されなくなります。下記の文字数を参考にしてください。
ただし、文字によって表示可能な文字数が異なりますので、実際に入力してテストする必要があります。
なお、フォントはシステムフォント（_ゴシック、_明朝）を利用しています。
【テキスト文字数】
100px X 25px（文字サイズ12px／ノーマル） − 全角9文字
100px X 25px（文字サイズ12px／太字） − 全角8文字
100px X 25px（文字サイズ14px／ノーマル） − 全角8文字
100px X 25px（文字サイズ14px／太字） − 全角7文字
【テキスト文字数】
100px X 25px（文字サイズ12px／ノーマル） − 全角8文字
100px X 25px（文字サイズ12px／太字） − 全角7文字
100px X 25px（文字サイズ14px／ノーマル） − 全角7文字
100px X 25px（文字サイズ14px／太字） − 全角7文字
Flash素材の設置方法
tag.txtファイルを開き、中のタグをFlash素材を埋め込みたい位置にコピー&ペーストします。swfファイルを違うフォルダに置きたい時は、Flash素材の設置方法ページを参考にしてください。なお、swfファイルを違うフォルダに置く場合でも、load.txtはFlash素材を埋め込むhtmlファイルと同じフォルダに置く必要があります。
load.txtファイルをテキストエディタで開くと、
&basecolor=0xffffff&
&framecolor=0x996600&
&textcolor=0x996600&
&textcontents=Flash Works&
&linkurl1=http://www.flashwork-s.com/&
&target1=_self&
&slidecolor=0x000000&
&transparency=15&
となっています。
最初のbasecolorでボタンの色を指定します。0xに続けて16進数で指定してください。枠線やテキスト・シャドウの色の指定の仕方も同じです。
白（ffffff）、黒（000000）、赤（ff0000）、青（0000ff）、黄（ffff00）、オレンジ（ff6600）、緑（009900）など
2行目のframecolorでボタンの枠線の色を指定します。
3行目のtextcolorでテキストの色を指定します。
4行目のtextcontentsは、ボタンに表示させたい文字を入力します。フォントサイズやノーマル・太字の違いによって最大文字数が異なりますので、上記を参考にしてテキストを決めてください。
5行目のlinkurl1=http://www.flashwork-s.com/は、ボタンのリンク先URLです。相対パスを利用するときは、Flash素材を埋め込むhtmlファイルからのパスをご利用ください。
6行目のtarget1=_selfは、ウィンドウの開き方を指定します。_self、_blank等で指定してください。
7行目のslidecolor=0x000000は、ボタンにマウスオーバーしたときにスライドしてくるシャドウの色を指定します。初期設定では黒になっています。
8行目のtransparency=15は、シャドウの透明度を指定します。0〜100までの数字で指定しますが、数字が大きくなるほど透明度がなくなります。100ですと透明化されず、そのままスライドの色が表示されます。
最後に表示動作確認・リンクチェックが正しければ成功です。必要なファイルをアップし、もう一度、動作確認等してください。
なお、上記で説明している行番号は、このページで説明しているload.txtの行番号です。実際には、コメントを入れてありますので、ここでの行番号と異なります。当サイトと照らし合わせてカスタマイズしてください。コメントは削除してもかまいません。