██ プルダウンセレクトメニュー 構築マニュアル編 --- 【 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;

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
[PR]
by colorist-1000MB | 2007-11-13 23:50 | ▶295-OTHERS
<< ██ スーパーロングバー ソリ... ██ 編--- 【 [MUS... >>