人気ブログランキング | 話題のタグを見る

【Vol.105】 SKINいじり!

ぽっとの陽だまり研究室 様のプルダウンリンクメニューの拡張
参考にさせていただきました。いつもありがとうございます。

さて、今回めっちゃ久しぶりにいじりいじりしたのは、"エキサイトブログ"欄です。
ここをプルダウンにして、スッキリさせてみようということです。



今回まずはどうしてもわからないところがあって
ぽっとさんのソースをそのまま使用したところがあります。

それが、「<SELECT ONCHANGE="location.href = this.options[selectedIndex].value">」の部分。

本来は、<SELECT></SELECT>タグと
<OPTION></OPTION>でいける!
と思っていたのですが、リンクがどうしても貼れない。

せめて、アレンジをと思って、「target="_blank"」
URLに付け加えることで、別ブラウザにて立ち上げを!
と思ったのですが、それもダメ・・・。

てなわけで、特別なアレンジなしでの設置です。


ぽっとさん、本当にごめんなさい。
もし良かったら、今度アドバイスください。

▼ちなみに、私の追加ソースです。
<DIV CLASS=MN5TTL>エキサイトブログ</DIV>
<table border="0" cellpadding="0" cellspacing="0" width=145>
<tr>
<SELECT ONCHANGE="location.href = this.options[selectedIndex].value">
<OPTION>↓よくお邪魔してます↓</OPTION>
<OPTION VALUE="Funny Doggie様のURL/" target="_blank">Funny Doggie</OPTION>
<OPTION VALUE="!!!cue!!!様のURL/" target="_blank">!!!cue!!!</OPTION>
<OPTION VALUE="Direction of the day after tomorrow様のURL/" target="_blank">Direction of the day after tomorrow</OPTION>
<OPTION VALUE="Hysterical HourのURL/" target="_blank">Hysterical Hour</OPTION>
<OPTION VALUE="オペラ座の暇人様のURL/" target="_blank">オペラ座の暇人</OPTION>
<OPTION VALUE="ういろー・ざ・わーるど様のURL/" target="_blank">ういろー・ざ・わーるど</OPTION>
<OPTION VALUE="ブログの玉手箱様のURL/" target="_blank">ブログの玉手箱</OPTION>
<OPTION VALUE="ぽっとの陽だまり研究室様のURL/" target="_blank">ぽっとの陽だまり研究室</OPTION>
</SELECT>
</tr>

いつものように、<DIV CLASS~>にて追加した後に、
プルダウンのソースを追加しております。
CSSに関しても、他の追加CLASSと同様に背景やらサイズやらの微調整のみを
行っております。

ご参考にするよりは、どなた様かヒントをください。
コメントお待ちしております。