解決済
ライブドアブログの質問です。
カテゴリーと月間アーカイブをプルダウンに設定しています。
そのプルダウンメニューのデザインを変更したいのですが、可能でしょうか。
変更したい点は、プルダウンメニューでの選択後、すぐのページ移動。
ボーダー、ボーダーカラー、バックカラー、スクロールカラー、横幅の変更。
です。
ご存知の方、どうぞよろしく願いします。
回答(4)
4.
<FORM>
<SELECT NAME="u" onChange="location.href=this.options[this.selectedIndex].value">
<OPTION>以下選択</OPTION>
<OPTION VALUE=" 年3月</OPTION>
<OPTION VALUE=" 年2月</OPTION>
<OPTION VALUE=" 年1月</OPTION>
</SELECT>
</FORM>
「この内容で設定する」ボタンを押し、後は再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「インデックス（トップの記事）」を選んで「ブログを再構築する」というボタンを押せば完了です。
1.
先頭は「@charset "EUC-JP";」になっていますが、後ろあたりに改行を入れて、以下を追記してみてください。
例)
select {
width:120px;
color : #996666;
border : 3px double #CC0000;
background-color:#ccc;
}
input {
width:60px;
color : #CC0000;
border : 3px double #CC0000;
background-color : #CCCCCC;
}
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
ところで、selectの部分なのですが、枠線を変更することはできません。指定は入れてありますが、有効とはならないようです。私、勉強不足で、指定できないものなのか、私の指定のやり方が悪いのかは判断がつきませんでした。
おおむね、他の指定方法はないと思うので、指定する方法自体がないようにも思っています。(どなたか、詳しい人がいたら教えてください。)
なお、上の方法だと、ボタンや選択ボックスが1箇所の場合大丈夫ですが、複数あると複数ともが変わってしまいます。今回は分かりやすいようにと思い、省略しました。
div.rightbody ... div select{...}のような指定をすると、乗り越えられそうです。
2.
これは、つまり「GO」ボタンを押さずに・・・という事でしょうか。
・・・だとすると、フリーエリアを用いてJavascriptを組む、という方法くらいしか思いつきませんが・・・。
(SELECTタグを少しいじる必要がある)
//火狐氏使ってたら選択後すぐ飛べたりしてるけど気の所為気の所為（ぁ
ソースは・・・後で（何
あと、試験利用者さんの仰っているborderですが、どうやらselectタグに使っても有効になるのはネスケ６以上らしいです。・・・IEはちょっと判りません。
でも、ネスケの４あたりでborder指定されてるselectを見ると、プルダウンの操作とかが出来なくなるとか・・・。
3.
<FORM>
<SELECT NAME="u" onChange="location.href=this.options[this.selectedIndex].value">
<OPTION>以下選択</OPTION>
<OPTION VALUE="./test1.html">test1</OPTION>
<OPTION VALUE="./test2.html">test2</OPTION>
<OPTION VALUE="./test3.html">test3</OPTION>
</SELECT>
</FORM>
VALUEにURLを記述し、選択されるとそれを読み込みます。
この状態なら、「以下選択」が最初表示されている状態。それで各々を選択するとそのページに飛ぶようになります。
/*
複数個設置するならHEAD内に関数を記述するのが望ましいんですが・・・。
あと、カテゴリのプルダウンに表示されている各々のカテゴリの個数はこれじゃ表示されません。
あれの表示に使ってる変数とか公開されれば・・・。
*/
コメント(24)
試験利用者さん、COMPさん、回答ありがとうございます。
＞試験利用者さん
試験利用者さんの教えてくださったやり方で、まずカラーを変えてみます。ありがとうございました。
＞COMPさん
COMPさんの仰る通り、「GO」ボタンを押さない移動ということです。わかりにくい書き方をしてしまってごめんなさい。
ソースお待ちしております。わざわざありがとうございます。
うちは、WindowsXP、Internet Explorerなのですが、表示されず。困ったものです。
うーん・・・。カテゴリの個数表示に関わる部分の記述が判れば・・・。
プラグイン内で使用している変数とか判ればなぁ・・・。
やはり、上記のプルダウンソースを挿入したとしても難しいのでしょうか。
そして聞いてばかりで心苦しいのですが、このソースはフリーエリアに書き込むのですよね？それともトップページに挿入するべきなのですか？
あと、手動で入れるということは、月に一度自分で月を<OPTION VALUE="">で増やすんですよね？
とんちんかんなこといってたらすみません。
変数、というものは私、申し訳ないことによく理解できていないのですけれど、一度ライブドアブログの方に聞いてみることにします。
その変数というものも含めて、返信が来ましたら、その内容をここに書かせていただきます。
その上で、まだわからなければ、また質問させていただくかもしれません。
なるほど。
では手動で入れるやり方をしたいと思います。
そして、手動の場合はソースをどこに書き加えればいいのでしょうか…？
頼りっぱなしで本当にすみません（汗）
ソースの挿入だけではダメなのですか？改造というと、すみません、お言葉に甘えて事例をいただきたいと思います。
急ぎませんので、お願いします。
ちょっと見てみますね。
回答を入れてみました。改造といっても簡単ですよ。COMPさんのものを入れてみる例を詳しく書き出してみました。今のままだと、みんなライブドアのホームページへリンクします。
VALUE="http://www.livedoor.com/"; となっている部分を、VALUE="http://blog.livedoor.jp/user/archives/2006-03.html...; のように直していきます。月が足りないと思うので追加してください。
<OPTION VALUE="http://www.livedoor.com/">2006年1月</OPTION>
OPTIONの1行を追加すれば月が増やせます。
＞COMPさん、試験利用者さん
ありがとうございます！
試験利用者さん、詳しい情報をありがとうございました。頑張ってみます。お手数おかけしました。助かりました。
ひとまず、解決に至ったようです。ベスト回答もありがとうございます。
