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