※：① ↓ここからｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。 ※： 応用（例）
1 見出しﾀｲﾄﾙ文字 説明文など …………
※：② ↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
2 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
3 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
4 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
5 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
6 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
7 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
8 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
9 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
10 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
11 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
12 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
13 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
14 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
15 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
<!-- ■ ------------------------ ↓ この間欠如しています。 -------------------------- -->
<!-- ■ ------------------------ ↑ この間欠如しています。 -------------------------- -->
29 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
30 見出しﾀｲﾄﾙ文字 説明文など …………
※：↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～
ﾎｰﾑ へ ｻﾝﾌﾟﾙﾍﾟｰｼﾞ ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ0g hogehoge0g.htm
ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ、画像やﾌﾟﾙﾀﾞﾝﾒﾆｭｰ、ﾌﾛｰﾃｨﾝｸﾞﾒﾆｭｰ付きです。 ﾌﾛｰﾃｨﾝｸﾞﾒﾆｭｰ : 選択ｶﾃｺﾞﾘｰなどにに着地。 DHTML。 画像やﾒﾆｭｰなどのﾊｲﾊﾟｰﾘﾝｸのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。 all 対応。 ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。
ﾃﾞﾓは、ﾌﾛｰﾃｨﾝｸﾞﾒﾆｭｰ : 選択ｶﾃｺﾞﾘｰなどにに着地。ﾟなど。 ※： PCのﾌｧｲﾙを直接表示でも可。 ※: 応用（例） : ﾍﾞﾝﾀﾞｰ、ﾎｰﾑﾍﾟｼﾞ開設入門、hogehoge0g1.htm、hogehoge0g2.htm
< ご使用方法 >
・ 保存は hogehoge0g.htm、93bar_sv.gif、8bar_grad.gif、spacer.gif、bg_slva3r.jpg、uparrow.gif、wttec.gif、sea8a.jpg、title004a.png、btn_search1.gif を右ｸﾘｯｸ、【名前を付けてﾘﾝｸを保存】 - <保存する場所>： ……、などで。 ※: 変わってしまった、ﾌｧｲﾙ名や、*.htm 中のﾊﾟｽは要修正。
・ ﾍﾟｰｽﾄは、hogehoge0g.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどの ”ﾃｷｽﾄﾓｰﾄﾞ で、新しいﾍﾟｰｼﾞや hogehoge.htm（=任意の挿入先ﾌｧｲﾙ名） の、 <head> ～ </head> の任意の行間に (*1) を、さらに
<body> ～ </body>の任意の行間に (*2) をﾍﾟｰｽﾄします。 ※: ﾃｷｽﾄﾓｰﾄﾞ : ｺｰﾄﾞ/HTMLﾀｸﾞ挿入/HTMLﾒﾆｭｰ など。
･ 編集 : hogehoge.htm に ﾃｷｽﾄﾓｰﾄﾞでﾍﾟｰｽﾄ 後は、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのﾃﾞｻﾞｲﾝや通常ﾓｰﾄﾞ、ﾃｷｽﾄﾓｰﾄﾞ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集します。 下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。
※: 外部ﾄﾞﾒｲﾝ（ｻｲﾄ）にｱｯﾌﾟﾛｰﾄの画像などの使用は、非表示に注意。 画像の alt ﾀｸﾞは不可、ｻｲｽﾞ指定の pt などの省略は注意。 ｽｸﾘﾌﾟﾄ構文中への 改行混入に注意。
･ ｱｯﾌﾟﾛｰﾄﾞは、hogehoge.htm と同じﾎﾙﾀﾞｰに、使用してる 上記画像 をｱｯﾌﾟﾛｰﾄﾞします。 別ﾎﾙﾀﾞｰの場合は、hogehoge.htm の該当ﾊﾟｽ注意。
・ 作動ﾃｽﾄは Edge～ などで。 更新の確認は、ﾌﾞﾗｳｻﾞｰなどのｷｬｯｼｭのｸﾘｱ後に実施。 (1) [F5]ｷ- or Ctrl+Rｷｰ を押し、最新ﾃﾞｰﾀ読み込みで。 更に、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [ﾌﾟﾗｲﾊﾞｼｰ、検索、ｻｰﾋﾞｽ] - [閲覧ﾃﾞ-ﾀをｸﾘｱ] - ［ｸﾘｱ-するﾃﾞ-ﾀの選択］ - ［ｖ］閲覧の履歴 -［今すくｸﾘｱ］ をｸﾘｯｸ。 留めに、(3) ｻｰﾊﾞｰのﾌｧｲﾙを一旦削除。
･ 関連情報 ：
色記号 、RGB5 〃6 、〃8 、ﾌｫﾝﾄ、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門、HTMLをﾃｷｽﾄｴｷﾞﾀ-で編集。
(*1)
： hogehoge0g.htm （例） 挿入先の <head> ～ </head> の、～ 部分にﾍﾟｰｽﾄします。
|
HTMLの編集方法 |
(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
|
〔この列ﾍﾟｰｽﾄ不要〕
ｼﾌﾄJIS使用（削除不可）
URL前・ﾂｰﾙﾊﾞｰに表示のｱｲｺﾝﾌｧｲﾙ名（削除可）favicon_**.ico など
<style type= ～
</style>は（削除可）
(*1)～(*3)表ﾀｲﾄﾙ背景
body 文字色 背景色 画像 下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ
ﾘﾝｸを新しいWinで開くを標準（削除可）※：target= いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入りなど表示のﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名） ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ ﾌﾛｰﾃｨﾝｸﾞﾝﾒﾆｭｰ
|
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<link REL="SHORTCUT ICON" href="favicon.ico">
<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none }
a:link { color:#190049; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#333; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D3FE7C; text-decoration:underline; }
a:active { color:#1F002E; background-color:#C3FEBB; text-decoration:underline; }
font {font-size:12px; line-height:14px;}
body,tr,td,form{ font-family:メイリオ.Lucida Sans Regular,MS PGothic,; font-size: 12px}
--></style>
<base target="_blank">
<title>サンプルページ トップナビバー０ｇ</title> <!-- ☆ ----------- ↓ この間をコピー＆ペーストします。 ------------ -->
<!-- ↓ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ ---- -->
<script>
function jump(parts){
if(parts.selectedIndex!=0)
open(parts.options[parts.selectedIndex].value);
}
</script>
<!-- ↑ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ ---- -->
<!-- ↓ ﾌﾛｰﾃｨﾝｸﾞﾝﾒﾆｭｰ ---- -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function jumpMenu(){
location=(document.link.list.options
[document.link.list.selectedIndex].value);
}
//-->
</SCRIPT>
<!-- ↑ ﾌﾛｰﾃｨﾝｸﾞﾝﾒﾆｭｰ ---- -->
<!-- ☆ ----------- ↑ この間をコピー＆ペーストします。 ------------ -->
|
(*2)
： hogehoge0g.htm （例） 挿入先の <body> ～
</body> の、～
部分にﾍﾟｰｽﾄします。
|
HTMLの編集方法 |
(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
|
〔この列ﾍﾟｰｽﾄ不要〕
<body>を編集 記述す
ﾌﾛｰﾃｨﾝｸﾞﾝﾒﾆｭｰ 背景画像 トップナビバー ﾌﾞｯｸﾏｰｸ（ｱﾝｶｰ : ﾌﾛｰﾃｨﾝｸﾞﾝﾒﾆｭｰの着地点） （以下同様。）
背景画像 画像（H : 76ﾋﾟｸｾﾙmax） 吹き出し
画像（H : 76ﾋﾟｸｾﾙmax）
吹き出し
背景画像
ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ 吹き出し ｻｲﾄ名 URL 吹き出し ｻｲﾄ名 ※: ﾊｲﾊﾟｰﾘﾝｸなどは編集、削除で。
:※: 検索ｱｲｺﾝ&ﾊｲﾊﾟｰﾘﾝｸ活用あれ！。
背景画像
URL
画像
吹き出し
URL 画像
吹き出し
背景画像
背景画像
背景画像
|
<body>
<!-- ★ ----------- ↓ この間をコピー＆ペーストします。 ------------ -->
<body OnLoad="setVariables();checkLocation()">
<!--xwebbot bot="HTMLMarkup" startspan -->
<!-- ●● ---------- ↓ この間をｺﾋﾟｰ､編集､ﾍﾟｰｽﾄします｡ ---------- -->
<!-- ↓ ﾌﾛｰﾃｨﾝｸﾞﾝﾒﾆｭｰ ↑ OnLoad="s……も ---- -->
<script LANGUAGE="JavaScript">
/*
Created by Randy Bennet http://home.thezone.net/~rbennett/utility/javahead.htm
Featured on Website Abstraction (http://wsabstract.com)
For this and over 400+ free scripts, visit http://wsabstract.com ==== この間､説明を省略｡ ==== else
eval(dS+object+sD+v+yy)
setTimeout("checkLocation()",10);
}
</script><div id="object1" style="position:absolute; visibility:show; right:15px; top:2px; z-index:5">
<FORM NAME="link">
<SELECT NAME="list" onChange="jumpMenu()" style="background: #F7F6FA url('bg_slva3r.jpg')">
<OPTION VALUE="#top" selected> ∇ ｶﾃｺﾞﾘｰ選択</OPTION>
<OPTION VALUE="#i1"> 見出しﾀｲﾄﾙ1 </OPTION>
<OPTION VALUE="#i2"> 見出しﾀｲﾄﾙ2 </OPTION>
<OPTION VALUE="#i3"> 見出しﾀｲﾄﾙ3 </OPTION> ==== この間､説明を省略｡ ==== <OPTION VALUE="#i28"> 見出しﾀｲﾄﾙ28 </OPTION>
<OPTION VALUE="#i29"> 見出しﾀｲﾄﾙ29 </OPTION>
<OPTION VALUE="#i30"> 見出しﾀｲﾄﾙ30 </OPTION>
</SELECT>
</FORM>
</div>
<!-- ↑ ﾌﾛｰﾃｨﾝｸﾞﾝﾒﾆｭｰ ---- -->
<!-- ■ --------------------------- ↓ トップナビバー -------------------------- -->
<a name="itop"></a>
<div style="position:relative; top:0; left:; width:100%; height:76px; z-index:0; visibility:visible;background-color:#FEFEFE;background-image: url('');">
<table border="0" width="100%" cellspacing="0" cellpadding="4" style="border-collapse: collapse" bordercolor="#FFFFFF" id="table1" height="76">
<tbody>
<tr>
<td width="100" bgcolor="#FFFFFF" height="76" align="center" background="93bar_sv.gif"><img border="0" src="sea8a.jpg" align="top" title="ﾃﾞﾓ用ｻﾝﾌﾟﾙ画像" width="96" height="74"></a><br/></td>
<td width="230" height="73" align="center" bgcolor="#FFFFFF" background="93bar_sv.gif"><img border="0" src="title004a.png" width="230" height="30" title="ﾃﾞﾓ用ｻﾝﾌﾟﾙ画像"><p> </p></td>
<td width="172" bgcolor="#FFFFFF" height="76" background="93bar_sv.gif">
<!--webbot bot="HTMLMarkup" startspan -->
<!-- ↓ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ ---- -->
<FORM><select onChange=jump(this)>
<OPTION selected VALUE="koro-tyan.html" style="background-color:#EEECFA;" title="ｹﾞｰﾑやﾊﾟｽﾞﾙ、お役立ちScriptのﾃﾞﾓ・応用が出来ます。"> ＝（・。．・）＝ こんにちわ、…*
<OPTION VALUE="http://www./……/xxx.htm" style="background-color:#FFFFFF;" title="吹き出し"> サイト名１
<OPTION VALUE="http://www./……/xxx.htm" style="background-color:#FFFFFF;" title="吹き出し"> サイト名２
<OPTION VALUE="http://www./……/xxx.htm" style="background-color:#FFFFFF;" title="吹き出し"> サイト名３ ==== この間､説明を省略｡ ==== <OPTION VALUE="http:// …… /top_navbar41/tree29fr.htm" style="background-color:#FDFAF6;"> ﾂﾘｰﾒﾆｭｰ29 ﾌﾚｰﾑ
<OPTION VALUE="http:// …… /tree26/tree26fr.htm" style="background-color:#FDFAF6;"> ﾂﾘｰﾒﾆｭｰ26 ﾌﾚｰﾑ
<OPTION VALUE="http:// …… /tree19mx.htm" style="background-color:#FDFAF6;"> ﾂﾘｰﾒﾆｭｰ19 ﾌﾚｰﾑ
<OPTION VALUE="http:// …… /navi_bar.htm" style="background-color:#FDFAF6;"> ﾅﾋﾞﾊﾞｰ（共用ｴﾘｱに縦横のﾒﾆｭｰ）
</select></FORM>
<!-- ↑ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ ---- -->
<!--webbot bot="HTMLMarkup" endspan -->
<p> </p>
<td width="80px" bgcolor="#DDDDDD" height="76" valign="center" background="93bar_sv.gif"> <font color="#3A006A"><!--webbot bot="HTMLMarkup" startspan --><a onclick="window.open('http:// …… /search_google3a.htm', 'XX','status=yes,scrollbars=yes,width=400,height=200,resizable=yes,directories=no,screenX=1,left=1,screenY=1,top=1')" href="#" target="_self"><img src="btn_search1.gif" width="18" height="18" BORDER="0" align="texttop" title="ﾄﾞﾒｲﾝ検索 :
InstagramやTwitter内の検索。"></span></a></font><!--webbot bot="HTMLMarkup" endspan --> <a href="http:// …… /search_engine2_a1.htm"><img src="btn_search1.gif" width="18" height="18" BORDER="0" align="center" title="ﾏﾙﾁ検索 : CDやﾚｼﾋﾟを複数ｻｲﾄで連続検索。"></a></font><p> </td>
<td width="" bgcolor="#FFFFFF" height="74" align="left" background="93bar_sv.gif" valign="bottom"> <font face="Lucida Console" color="#87827F">
<!--webbot bot="Timestamp" s-type="EDITED" s-format="%Y.%m.%d %H:%M" --> 更新</font>
<br>
<br>
<p> </td>
</tr>
</table>
</div>
<!-- ★ ---- 影画像 ------- ↓ この間をコピー＆ペーストします。 ---------- -->
<div style="position:relative; top:px; left:px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background:url(8bar_grad.gif) repeat-x;"><tr>
<td><img src="spacer.gif" alt="" width="100%" height="8" /></td></tr> </table></div>
<!-- ★ ---- 影画像 ------- ↑ この間をコピー＆ペーストします。 ---------- -->
<!-- ■ --------------------------- ↑ トップナビバー -------------------------- -->
|
|
① ここからｺﾝﾃﾝﾂを記述しま。
ｶﾃｺﾞﾘｰﾊﾞｰ 背景画像
ﾌﾞｯｸﾏｰｸﾘﾝｸ ｶﾃｺﾞﾘｰﾀｲﾄﾙ１
画像 吹き出し ｶﾃｺﾞﾘｰﾊﾞｰ
② ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂを記述す。
ｶﾃｺﾞﾘｰﾊﾞｰ 背景画像
ﾌﾞｯｸﾏｰｸ（ｱﾝｶｰ） ｶﾃｺﾞﾘｰﾀｲﾄﾙ2
画像 吹き出し
ｶﾃｺﾞﾘｰﾊﾞｰ
ﾌﾞｯｸﾏｰｸ（ｱﾝｶｰ）
|
<p> ※：① ↓ここからｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。</p><p> </p><p> </p>
<!-- ☆ ----------- ↓ この間をコピー＆ペーストします。 ------------ -->
<div style="color:#1B0000; width:100%;height:19;padding：7px 5px 0px 5px；background-color:#FFFFFF; background-image: url('30tbwh1_r.gif'); background-repeat:repeat-x; border-left: 1px solid #F0F0F4; border-top: 1px solid #F0F0F4; border-right: 1px solid #E2E2E7; border-bottom: 1px solid #E2E2E7">
<a name="i1"></a><span style="background-color:;"><strong> 1 見出しﾀｲﾄﾙ文字 </strong></span> 説明文など ………… <a href="#top" target="_self"><img src="uparrow.gif" border="0" title="このページのトップへ" width="100" height="11" align="right"></a></div>
<!-- ☆ ----------- ↑ この間をコピー＆ペーストします。 ------------ -->
<p> ※：② ↓ここにｶﾃｺﾞﾘｰｺﾝﾃﾝﾂ（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p><p> </p><p> </p><p> </p>
<font LANG="JA" COLOR="#000" size="2"><font class="f12"><font
size="2" color="#FFFFFF">
</font></font></font>
<!-- ☆ ----------- ↓ この間をコピー＆ペーストします。 ------------ -->
<div style="color:#1B0000; width:100%;height:19;padding：7px 5px 0px 5px；background-color:#FFFFFF; background-image: url('30tbwh1_r.gif'); background-repeat:repeat-x; border-left: 1px solid #F0F0F4; border-top: 1px solid #F0F0F4; border-right: 1px solid #E2E2E7; border-bottom: 1px solid #E2E2E7">
<a name="i2"></a><span style="background-color:;"><strong> 2 見出しﾀｲﾄﾙ文字 </strong></span> 説明文など ………… <a href="#top" target="_self"><img src="uparrow.giff" border="0" title="このページのトップへ" width="100" height="11" align="right"></a></div>
<!-- ☆ ----------- ↑ この間をコピー＆ペーストします。 ------------ -->
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p> ==== この間､説明を省略、 各々のｺﾝﾃﾝﾂを記述 ==== <p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<p>＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～＊～～</p>
<!-- ●● ---------- ↑ この間をｺﾋﾟｰ､編集､ﾍﾟｰｽﾄします｡ ---------- -->
<!--webbot bot="HTMLMarkup" endspan -->
<p> </p>
<p> ※： φ（．． ） ↓HTML（ﾃｷｽﾄや画像、ﾊｲﾊﾟｰﾘﾝｸなど）を記述します。</p><p> </p><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- ★ ----------- ↑ この間をコピー＆ペーストします。 ------------ -->
<!-- ▼ ---------- ↓ ここから説明、削除して応用 ---------- -->
<p> </p>
<p> </p>
<p><a name="iouyou"></a> </p> ==== この間､説明を省略｡ ==== <!-- ▲ ---------- ↑ ここまで説明、削除して応用 ---------- --> |
