色記号 、RGB5 〃6 、〃8 、ﾌｫﾝﾄ、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門、HTMLをﾃｷｽﾄｴｷﾞﾀ-で編集。ﾎｰﾑ へ ｻﾝﾌﾟﾙﾍﾟｰｼﾞ 左ﾒﾆｭｰ 3a left_side_menu3a.htm
画面ｽｸﾛｰﾙ時、左にﾌﾛｰﾃｨﾝｸﾞ、ﾏｳｽｵｰﾊﾞｰ引き出しのﾘﾝｸﾒﾆｭｰです。 DHTML。 ﾒﾆｭｰの配色、ｻｲｽﾞ、ﾘﾝｸの装飾など、ｶｽﾀﾏｲｽﾞ可能。 all 対応。 ｺﾋﾟｰ、編集し、簡単にWebで応用できます。
ﾃﾞﾓは、”Link”ﾀﾌﾞのﾏｳｽｵｰﾊﾞｰ、ﾘﾝｸのｸﾘｯｸで。
< ご使用方法 >
・ 保存は left_side_menu3a.htm、4454a.js、4454ia.js を右ｸﾘｯｸ、【名前を付けてﾘﾝｸを保存】 - <保存する場所>： ……、などで。 ※: 変わってしまった、ﾌｧｲﾙ名や、*.htm 中のﾊﾟｽは要修正。
・ ﾍﾟｰｽﾄは、left_side_menu3a.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどの ”ﾃｷｽﾄﾓｰﾄﾞ で、新しいﾍﾟｰｼﾞや hogehoge.htm（=任意の挿入先ﾌｧｲﾙ名） の、 <head> 〜 </head> の任意の行間に (*1) を、さらに <body> 〜 </body>の任意の行間に (*2) をﾍﾟｰｽﾄします。 ※: ﾃｷｽﾄﾓｰﾄﾞ : ｺｰﾄﾞ/HTMLﾀｸﾞ挿入/HTMLﾒﾆｭｰ など。
･ 編集 : hogehoge.htm に ﾃｷｽﾄﾓｰﾄﾞでﾍﾟｰｽﾄ 後は、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのﾃﾞｻﾞｲﾝや通常ﾓｰﾄﾞ、ﾃｷｽﾄﾓｰﾄﾞ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集します。 下記の（例） (*1) と、(*3) を参考に太字部分の編集を任意に行います。
※: 外部ﾄﾞﾒｲﾝ（ｻｲﾄ）にｱｯﾌﾟﾛｰﾄの画像などの使用は、非表示に注意。 画像の alt ﾀｸﾞは不可、ｻｲｽﾞ指定の pt などの省略は注意。 ｽｸﾘﾌﾟﾄ構文中への 改行混入注意。
･ ｱｯﾌﾟﾛｰﾄﾞは、hogehoge.htm と同じﾎﾙﾀﾞｰに、使用してる 上記画像、*.js などがあればｱｯﾌﾟﾛｰﾄﾞします。 別ﾎﾙﾀﾞｰの場合は、hogehoge.htm の該当ﾊﾟｽ注意。
・ 作動ﾃｽﾄは Edge〜 などで。 更新の確認は、ﾌﾞﾗｳｻﾞｰなどのｷｬｯｼｭのｸﾘｱ後に実施。 (1) [F5]ｷ- or Ctrl+Rｷｰ を押し、最新ﾃﾞｰﾀ読み込みで。 更に、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [ﾌﾟﾗｲﾊﾞｼｰ、検索、ｻｰﾋﾞｽ] - [閲覧ﾃﾞ-ﾀをｸﾘｱ] - ［ｸﾘｱ-するﾃﾞ-ﾀの選択］ - ［ｖ］閲覧の履歴 -［今すくｸﾘｱ］ をｸﾘｯｸ。 留めに、(3) ｻｰﾊﾞｰのﾌｧｲﾙを一旦削除。
･ 関連情報 ：
色記号 、RGB5 〃6 、〃8 、ﾌｫﾝﾄ、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門、HTMLをﾃｷｽﾄｴｷﾞﾀ-で編集。
(*1) ： left_side_menu3a.htm （例） 挿入先の <head> 〜 </head> の、〜 部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ｼﾌﾄJIS使用（削除不可） ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）
<style type= 〜
</style>は（削除可）
ﾘﾝｸを新しいWinで開くを標準（削除可）※：target= いろいろ CSS 左ﾒﾆｭｰの ﾘﾝｸ ﾎﾊﾞｰ ｱｸﾃｨﾌﾞ 表示済みﾘﾝｸﾝｸ色 (任意値）
JavaScript |
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <link REL="SHORTCUT ICON" href="favicon.ico"> <style type="text/css"><!--
<base target="_blank"> <title>サンプルページ 左メニュー3a</title> <STYLE> <!-- A.ssmItems:link {color:#54006C;text-decoration:none;} A.ssmItems:hover {color:#8000e2;text-decoration:none;} A.ssmItems:active {color:#00FFFF;text-decoration:none;} A.ssmItems:visited {color:#62000D;text-decoration:none;} //--> </STYLE> <SCRIPT SRC="4454a.js" language="JavaScript1.2"> ==== この間、説明を省略。 ==== </SCRIPT> <SCRIPT SRC="4454ia.js" language="JavaScript1.2"></SCRIPT> |
(*2) ： left_side_menu3a.htm （例） 挿入先の <body> 〜 </body> の、〜 部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
|
<body> ==== こ以降は、各々のｺﾝﾃﾝﾂを自由に記述。 ==== </body> |
(*3) ： 4454ia.js （例） ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、太字部分を編集し hogehoge.htm と同ﾃﾞｨﾚｸﾄﾘｰに転送・配置します。
| *.css、*.js の編集方法 | (*3)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓の太字部分のHTMLを編集し使用。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ｻｲｽﾞ、配置
速度 配色 （以下、同様） ※：色作成・記号獲得
ﾒﾆｭｰ、ﾘﾝｸ名
ﾘﾝｸのURL （以下、同様に追加、削除、変更します。） |
<!-- /* Configure menu styles below NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors */ YOffset=10; // no quotes!! XOffset=0; staticYOffset=5; // no quotes!! slideSpeed=1 // no quotes!! waitTime=5; // no quotes!! this sets the time the menu stays out for after the mouse goes off it. menuBGColor="#DFDAEA"; ==== この間、説明を省略。 ==== barFontColor="#50017A"; barVAlign="center"; barWidth=6; // no quotes!! ==== この間、説明を省略。 ==== ssmItems[0]=["Menu"] //create header ssmItems[1]=["ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ17", "http://www.pat.hi-ho.ne.jp/oka_tosho/top_navbar17.htm", ""] ==== この間、説明を省略。 ==== ssmItems[13]=["Apple Trailers", "http://www.apple.com/trailers/", ""] buildMenu(); //--> |