プルダウンメニューを作成しました! yozoの気が向いたと記2.0

プルダウンメニューを作成しました!

　今日は、スキン編集をする際に、とても勉強になるBLOGを見つけました。早速、コメントを入れさせていただくと、すぐさまお返事で激励のコメントをいただき、とても感激しました。(*´∀`)ﾉこの場を借りてbutyo_1280さんに再度お礼申し上げます。m(_ _)m
　早速、色々取り掛かりたいのは、やまやまですが、じっくり一つずつ改良していきます！

　12/3に続いて、BLOG改良第７弾！

⑦プルダウンメニューを作成しました。
　私のBLOGでは、左側に「カテゴリ」があります。この「カテゴリ」をプルダウンメニューで選んで、表示できるようにしました。

＜方法＞
１．「ブログ設定」－「スキン変更」－「現在使用中のスキン」の「編集」ボタンをクリックして、「■ CSS編集」のわかりやすい場所、例えば一番下などに追加記入する。

select.list
{
font-size:10px;
color:#000000;
background:#FFFFFF;
font-family:"Verdana";
}

　(*´∀｀*)／なお、この段階では、「プレビュー」しても何の変化も見られません。念のため･･･。

２．続いて、「■HTML編集」の中で、プルダウンメニューを作成したい場所に

<select onchange="location.href = this.options[selectedIndex].value" style="width:100px;" class="list">
<option value="">「カテゴリ」とか「MENU」でよろしいのでは？</option>
<option value="/i0">全体</option>
<option value="/i□">□□□□□</option>
<option value="/i□">□□□□□</option>

必要なカテゴリの分だけ用意して下さい。

<option value="/i□">□□□□□</option>
</select>

を追加記入する。
<option value="/i□">はカテゴリをクリックしたときに、アドレスバーに表示されるhttp://yozoblog.exblog.jp/i□の最後の部分です。また、□□□□□は、カテゴリ名を入力します。
完了したら、「プレビュー」で確認してから、「保存」する。

　(*´∀｀*)／なお、私の場合は下のようにしています。
<center>

～省略～

<tr>
<td><div class=HEADER><$header$></div>
<div class=URL><$blogurl$></div></td>
</tr>

<tr>
<td>
<select onchange="location.href = this.options[selectedIndex].value" style="width:100px;" class="list">
<option value="">カテゴリ</option>
<option value="/i0">全体</option>
<option value="/i18">スキン編集</option>
<option value="/i20">コンピュータ</option>
<option value="/i19">ブログ</option>
<option value="/i10">全力投球!!妹尾和夫です</option>
<option value="/i12">AT自動車運転免許</option>
</select>
</td>
</tr>

～省略～

<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン（テンプレート）改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。　m(_ _)m