質問返答〜櫻井せぃなさん〜 | ▽Like a diamond in the sky▼
Q.ュミさんのブログにある「▽▼ MENU ▽▼」みたいな項目を
私も作りたいんですけど、タグを教えてもらえますか?



A.すごく複雑です。

まず、フリープラグインに

select class="selectmenu01" onChange="location=this.options[this.selectedIndex].value"
option class="sm0" 一番上のタイトル/option
option class="sm1" value="飛んでほしいURL"タイトル/option
option class="sm2" value="飛んでほしいURL"タイトル/option
option class="sm3" value="飛んでほしいURL"タイトル/option/select



もっと増やす場合はsmの数字を増やしていきます。
その後にCSS編集に



.selectmenu01{
color:#ff9900;/*文字色注1*/
background-color:#ffffff;/*背景色注2*/
border:3px dotted #ffff00;/*枠線*/
width:120px;/*横幅*/
text-align:center;/*中央寄せ注2*/
}
.selectmenu01 .sm0{
color:#ffcc33;/*文字色*/
background-color:#ffffff;/*背景色*/
background-image:url(背景画像のURL);/*注3*/
}
.selectmenu01 .sm1{
color:#ff9900;/*文字色*/
background-color:#ffffff;/*背景色*/
background-image:url(背景画像のURL);/*注3*/
}
.selectmenu01 .sm2{
color:#ffcc33;/*文字色*/
background-color:#ffffff;/*背景色*/
background-image:url(背景画像のURL);/*注3*/
}
.selectmenu01 .sm3{
color:#ff9900;/*文字色*/
background-color:#ffffff;/*背景色*/
background-image:url(背景画像のURL);/*注3*/
}



これをコピーしてください。
CSSの中で色を変更します。

どの部分を現しているかは/**/の間を見れば分かると思います。
赤文字はカラーコードです。
できればまるまる同じのはやめてほしいです。

背景画像のURLを入れられますが、
私はごちゃごちゃするのが嫌なのでやっていません。

背景色や文字色は使ってるページなど
によって表示されないことがあります。

私の場合だとSafariは表示されませんが、Firefoxでは表示されます。
$▽嵐漬け▼
↑こういうやつのことです。


CSSのもフリープラグインでsm4まで
作ればCSSもsm4まで作って下さい。
フリープラグインとCSSは常に比例していなければできません。


質問はこちらから。


All Johnny's Fan ブログランキング ジャニーズブログランキング blogram投票ボタン