Flash（フラッシュ）のメニュー・ナビ素材2（横1スライド）
Flash（フラッシュ） メニュー・ナビ素材2（横1スライド）です。
ボタンにマウスカーソルを重ねると、左からシャドウが出てきて、マウスに追従するインタラクティブなナビゲーションです。基本的な設定の仕方や動作は、Flashメニュー・ナビ素材1と同じです。
なお、検索ロボットはFlashの中のリンクを辿ることができないため、サイトマップ等を利用してSEO対策してください。
リンクウェアのため、Flash素材を利用するには当サイトへのテキストリンクが必要です。
利用規約をお読みになってからご利用ください。
文字サイズ12px 横・縦のサイズ（ファイルサイズ） ボタンの数
文字サイズ14px
Flash素材情報
【サイズ】 横520px X 縦25〜70px（1.97KB〜2.34KB）
【文字】 12px〜14px
【サイズ変更】 不可
【バージョン】 Flash Player6
【ファイル】 menu2.swf、load.txt、tag.txt、sample.html
【特徴】 ボタン・四角形・枠線・テキスト・シャドウの色、リンク先・ターゲット・テキストの内容・シャドウの透明度を外部テキストファイルで変更可能
表示可能な文字数
最大文字数を超えると、それ以降の文字は表示されなくなります。下記の文字数を参考にしてください。
ただし、文字によって表示可能な文字数が異なりますので、実際に入力してテストする必要があります。
なお、フォントはシステムフォント（_ゴシック）を利用しています。
【テキスト文字数】
12px／ノーマル − 全角8文字
12px／太字 − 全角7文字
14px／ノーマル − 全角7文字
14px／太字 − 全角6文字
Flash素材の設置方法
tag.txtファイルを開き、中のタグをFlash素材を埋め込みたい位置にコピー&ペーストします。swfファイルを違うフォルダに置きたい時は、Flash素材の設置方法ページを参考にしてください。なお、swfファイルを違うフォルダに置く場合でも、load.txtはFlash素材を埋め込むhtmlファイルと同じフォルダに置く必要があります。
load.txtファイルをテキストエディタで開くと、
&basecolor=0xffffff&
&framecolor=0xff6600&
&textcolor=0xff6600&
&textcontents1=<b>Yahoo!</b>&
&textcontents2〜10の設定は上記と同じ
&linkurl1=http://www.yahoo.co.jp/&
&linkurl2〜10の設定は上記と同じ
&target1=_blank&
&target2〜10の設定は上記と同じ
&slidecolor=0x000000&
&transparency=10&
&squarecolor=0xff6600&
&backcolor=0xffffff&
となっています。
最初のbasecolorでボタンの色を指定します。0xに続けて16進数で指定してください。枠線やテキスト・シャドウ・背景の色の指定の仕方も同じです。
白（ffffff）、黒（000000）、赤（ff0000）、青（0000ff）、黄（ffff00）、オレンジ（ff6600）、緑（009900）など
2行目のframecolorでボタンの枠線の色を指定します。
3行目のtextcolorでテキストの色を指定します。
4行目のtextcontents1は、ボタンに表示させたい文字を入力します。フォントサイズやノーマル・太字の違いによって最大文字数が異なりますので、上記を参考にしてテキストを決めてください。なお、太字にしたいときは<b></b>タグでテキストを挟んでください。
6行目のlinkurl1=http://www.yahoo.co.jp/は、ボタンのリンク先URLです。相対パスを利用するときは、Flash素材を埋め込むhtmlファイルからのパスをご利用ください。
8行目のtarget1=_blankは、ウィンドウの開き方を指定します。_self、_blank等で指定してください。
10行目のslidecolor=0x000000は、ボタンにマウスオーバーしたときにスライドしてくるシャドウの色を指定します。初期設定では黒になっています。
11行目のtransparency=10は、シャドウの透明度を指定します。0〜100までの数字で指定しますが、数字が大きくなるほど透明度がなくなります。100ですと透明化されず、そのままスライドの色が表示されます。
12行目のsquarecolor=0xff6600は、ボタンの先頭に表示されている四角形の色を指定します。
13行目のbackcolor=0xffffffは、背景色を指定します。ボタンとボタンの間を少しあけているのでhtmlの背景色とフラッシュの背景色が異なる場合も生じます。その場合、ここで調節します。
最後に表示動作確認・リンクチェックが正しければ成功です。必要なファイルをアップし、もう一度、動作確認等してください。
なお、上記で説明している行番号は、このページで説明しているload.txtの行番号です。実際には、コメントを入れてありますので、ここでの行番号と異なります。当サイトと照らし合わせてカスタマイズしてください。コメントは削除してもかまいません。