--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2005年12月07日

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

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

 12/3に続いて、BLOG改良第7弾!

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

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

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

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

2.続いて、「■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


人気blogランキング ←ポチッと応援お願いします♪ m(_ _)m

スポンサーサイト

メイン

≪New 文字をスクロールさせる! | Top | メモ帳を使う! Old≫

トラックバックURL


コメントする

お楽しみ:
サイト管理者にのみ通知する

チェックするとコメントプレビューがオンになります。

ご利用のブラウザ、設定ではご利用になれません。


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。