　郷ヶ峰 Nukiashi Sashiashi Shinobiashi　 : ██ プルダウンセレクトメニュー構築マニュアル編 --- 【 HTML-03/郷ヶ峰 N.S.S 】

██ プルダウンセレクトメニュー構築マニュアル編 --- 【 HTML-03/郷ヶ峰 N.S.S 】

██ プルダウンセレクトメニュー構築マニュアル編 --- 【 HTML-03/郷ヶ峰 N.S.S 】
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
【テーマ】◆[各種可変型]-[高性能型-プルダウンセレクトメニュー]の作成！[HTML操作方法簡易解説文]＋[小型～中型～大型サンプル付属]
【ひとこと】◆[exciteブログ/エキサイトブログ]専用特殊マニュアル兼サンプル【サイズ拡張（比率；最大660%)/最適化時のイメージング用】
[HTML構成]-[覚え書き]を主体としながら、[目視確認]が叶う使い勝手優先のエリアと致しまして特別配信！ [姉妹記事]（発色確認用）
【お知らせ】◆[exciteブログ/エキサイトブログ]をお使いの方々にとりまして[使い勝手を追求したタイプ]との認識です！お気軽にお使い頂いて結構です！
【LINK】 [HTML系-同種記事サイトA]（未） [HTML系-同種記事サイトB]（未） [HTML系-同種記事サイトC]（未）
【拡張エリア】 [大型サンプル；width:625px;～]（当エリア文字制限により移設）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【KEYWORD】 [プルダウンメニュー] [プルダウンセレクトメニュー] [ドロップダウンメニュー] [プルダウンリスト] [ドロップダウンリスト] [小窓 LIST リスト]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【WEBにて一般的に存在する、[exciteブログ]でのMENU SELECT（HTML）/メニューセレクト方式（HTML）】
【 NORMAL 】
　◆下記のHTML部分をコピペにて、同様の品が設置可能です！

<select onchange="location.href = this.options[selectedIndex].value" style="width:150px;" class="list"><br /><option value="">[ タイトル ]</option><br /><option value="URL">[サイト/ページ/画像]</option><br /><option value="URL">[サイト/ページ/画像]</option><br /><option value="URL">[サイト/ページ/画像]</option><br /></select>
【情報】 [class="list"]の部分を省略している方々も存在！ value="#"の様に#記号を挿入する事でもoptionのみの状態と同等の効果を有する模様…。
【問題点】タイトルの前に[value=""]を残したままのためか？[同ページ再読み込み]の可能性がやや高い点。
（サイト接続不能の表示の直ぐ後に、[exciteTOP]へ自動的に誘導を行なわれる場合もあり…。）(>_<)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

【以下、改良型】
【タイトル部分を誤ってクリックした際の[再読み込み]比率の低減化を図った[exciteブログ]でのMENU SELECT（HTML）/メニューセレクト方式（HTML）】
【 SPECIAL-1 】【ミニ三角[ ▶ ] の利用にて、一般的な印象としたタイプ】
　◆下記のHTML部分をコピペにて、同様の品が設置可能です！ ███ [ ] ███　▓▓▓ [ ] ▓▓▓の濃度選択も可能！

<select onchange="location.href = this.options[selectedIndex].value" style="width:150px;" class="list"><br /><option>███ [ ABCDE ] ▓▓▓</option><br /><option value="URL">▶[ AAAAAA ]</option><br /><option value="URL">▶[ BBBBBB ]</option><br /><option value="URL">▶[ CCCCCC ]</option><br /></select>
【情報】タイトル直前部分から[value=""]を削除し、誤動作の発生頻度をやや低減！
【問題点】安心感が得られる方法ではありながらも、誤動作の発生も抱えている点。--【NORMAL】と同様に[再読み込み]が行なわれる場合も存在！
（サイト接続不能の表示の直ぐ後に、[exciteTOP]へ自動的に誘導を行なわれる場合もあり…。）(>_<)

【 SPECIAL-2 】【 ├ └ の利用にて、繋がりを感じる印象としたツリータイプ】
　◆下記のHTML部分をコピペにて、同様の品が設置可能です！ ███ [ ] ███　▓▓▓ [ ] ▓▓▓の濃度選択も可能！

<select onchange="location.href = this.options[selectedIndex].value" style="width:150px;" class="list"><br /><option>███ [ ABCDE ] ▓▓▓</option><br /><option value="URL">├[ AAAAAA ]</option><br /><option value="URL">├[ BBBBBB ]</option><br /><option value="URL">└[ CCCCCC ]</option><br /></select>
【情報】【 SPECIAL-1 】と同じ！
【問題点】【 SPECIAL-1 】と同じ！
（サイト接続不能の表示の直ぐ後に、[exciteTOP]へ自動的に誘導を行なわれる場合もあり…。）(>_<)

【 SPECIAL-3 】【 ├ └ の利用に加えて印象深い[色枠付き-幅；2px]としたタイプ】
　◆下記のHTML部分をコピペにて、同様の品が設置可能です！ ███ [ ] ███　▓▓▓ [ ] ▓▓▓の濃度選択も可能！

【お知らせ】
[border: 2px red solid;]部分の[WEBカラー]指定及び英数字部分の数値変更により[装飾枠部分/カラーフレーム部分]の印象を自由に改変可能！
　　　　　　　　　　　　　　　　　（HTMLの[class]以降が未表示のため左側サイドバー☒必要！マウスの左クリック時の[コピー作業]には影響なし！） ↘↘↘

<select onchange="location.href = this.options[selectedIndex].value" style="width:150px; border: 2px red solid;" class="list"><br /><option>███ [ ABCDE ] ▓▓▓</option><br /><option value="URL">├[ AAAAAA ]</option><br /><option value="URL">├[ BBBBBB ]</option><br /><option value="URL">└[ CCCCCC ]</option><br /></select>
【情報】【 SPECIAL-1/2 】と同じ！
【問題点】【 SPECIAL-1/2 】と同じ！
（サイト接続不能の表示の直ぐ後に、[exciteTOP]へ自動的に誘導を行なわれる場合もあり…。）(>_<)

【 SPECIAL-郷ヶ峰 N.S.S 】【 [SPECIAL-1]をベースとして[色枠付き-幅；2px]＋[背景色付き]＋[ハイト可変]としたタイプ】
　◆下記のHTML部分をコピペにて、同様の品が設置可能です！ ███ [ ] ███　▓▓▓ [ ] ▓▓▓の濃度選択も可能！

【お知らせ】
[background-color:khaki; を設定 height:20px; を標準としながらも操作可能へ色枠付きは同様 border: 2px red solid;]部分の[WEBカラー]指定及び英数字部分の数値変更により[装飾枠部分/カラーフレーム部分]の印象を自由に改変可能！
　　　　　　　　　　　　　　　（HTMLの[height]以降が未表示のため左側サイドバー☒必要！マウスの左クリック時の[コピー作業]には影響なし！） ↘↘↘

<select onchange="location.href = this.options[selectedIndex].value" style=" background-color:khaki; width:150px; height:20px; border: 2px red solid;" class="list"><br /><option>███ [ ABCDE ] ▓▓▓</option><br /><option value="URL">▶[ AAAAAA ]</option><br /><option value="URL">▶[ BBBBBB ]</option><br /><option value="URL">▶[ CCCCCC ]</option><br /></select>
【情報】【 SPECIAL-1/2/3 】と同じ！
【問題点】【 SPECIAL-1/2/3 】と同じ！
（サイト接続不能の表示の直ぐ後に、[exciteTOP]へ自動的に誘導を行なわれる場合もあり…。）(>_<)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

　◆width:125px;

　◆width:150px;

　◆width:175px;

　◆width:200px;

【比較】 ◆[気象庁-気象衛星によるEARTH（地球）-全球赤外線観察データ]を[比較用サンプル]として、[通常のLINK表示の仕組み]（左記接続方法）と[プルダウンセレクトメニューによる表示の仕組み]（同名称にて内装）の相違点について一応の理解を得る！（表示項目増加＞スクロールバー自動形成！）

　◆width:215px;　gray　★[直前画面への復帰]＞[内部LINK（ブラウザ ⇐ ）]＆[外部LINK（ブラウザ ⇐ ）]

　◆width:225px;　red　[当サイト-発色イメージの見本]-[redを含む5種；ダーク背景用ビビットカラー]

　◆width:250px;　crimson

　◆width:275px;　orangered

　◆width:300px;　indianred

　◆width:325px;　hotpink

　◆width:350px;

　◆width:375px;

　◆width:400px;

　◆width:425px;

　◆width:450px;

　◆width:475px;

　◆width:500px;

　◆width:525px;

　◆width:550px;

　◆width:575px;

　◆width:600px;

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
❚▶【覚え書き】--[配信期日；2007/11/13]　[移設期日；＊/＊/＊] [NEW]
❚▶[トラックバックカテゴリー；スキン編集 http://tb.exblog.jp/tb/8 送信期日；（H19）2007/11/13]
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　◆width:625px;

　◆width:650px;

　◆width:675px;

　◆width:700px;

　◆width:725px;

　◆width:750px;

　◆width:775px;

　◆width:800px;

　◆width:825px;

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

Tags:#ALL #HTML etc.

by colorist-1000MB | 2007-11-13 23:50 | ▶295-OTHERS | Trackback | Comments(0)

トラックバックURL : http://satogamine.exblog.jp/tb/6786538
トラックバックする(会員専用) [ヘルプ]

※このブログはトラックバック承認制を適用しています。ブログの持ち主が承認するまでトラックバックは表示されません。

<< ██ スーパーロングバーソリ...

██ 編--- 【 [MUS... >>