Ads By Google
トップ画像の下にプルダウンメニュー等
トップ画像の下にプルダウンメニュー等を
付ける方法が分かりません。。。
【下記に添付してある画像の様な
トップ画の下にプルダウンメニュー等】
出来ればこのデザインで
プルダウンを付けたいんですが・・・・
色々調べて分かったのが
スタイルシート
【 #bannermenu{ 】
のところに
【 width:○○px;} 】
を入れて
トップページ 、個別記事ページ、
カテゴリアーカイブ、月別アーカイブの
【 <div id="banner">~</div> 】
の下に
【<div id="bannermenu">リンク</div>】
にすると出来るって
他の質問回答にあり、試してみました。
1回目、BOLGのデザインを
シンプルなやつでやってみたら出来たんですけど、
キャラクターの「ちぇりーぐま(ソリ)」でやろうとすると
【 #bannermenu 】自体がなく
色々試してみたんですけど
出来なくて・・・・
もし分かる方いらっしゃいましたら
教えて頂きたいです。
宜しくお願いします。
2007-11-01 10:24の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2007-11-01 17:18:22

やり方は違いますが
管理ページトップ→カスタマイズ/管理→
デザインの設定→右下のカスタマイズ→
トップページ で
<div class="description"><$BlogDescription$></div>
と
</div>
<div id="blogcontainer">
の間に
<form style="padding:0px 0px 0 200px;">
<select onChange="JavaScript:location.href=this.value;return false;">
<option value="URL1">タイトル1</option>
<option value="URL2">タイトル2</option>
<option value="URL3">タイトル3</option>
</select>
</form>
のようなタグを貼ってみてください。
この内容で保存する をクリック 再構築
200pxの数字を小さくすると左に行きます。左のサイドバーと重なってしまう場合は
スタイルシート(CSS) の
#left{
top:300px;
}
の300pxを大きくすると下に下がります。
うまくいったら個別記事ページ・カテゴリアーカイブ・月別アーカイブにも同様の場所に貼り付けてみてください。
管理ページトップ→カスタマイズ/管理→
デザインの設定→右下のカスタマイズ→
トップページ で
<div class="description"><$BlogDescription$></div>
と
</div>
<div id="blogcontainer">
の間に
<form style="padding:0px 0px 0 200px;">
<select onChange="JavaScript:location.href=this.value;return false;">
<option value="URL1">タイトル1</option>
<option value="URL2">タイトル2</option>
<option value="URL3">タイトル3</option>
</select>
</form>
のようなタグを貼ってみてください。
この内容で保存する をクリック 再構築
200pxの数字を小さくすると左に行きます。左のサイドバーと重なってしまう場合は
スタイルシート(CSS) の
#left{
top:300px;
}
の300pxを大きくすると下に下がります。
うまくいったら個別記事ページ・カテゴリアーカイブ・月別アーカイブにも同様の場所に貼り付けてみてください。
何回か探ってやってみたら
無事出来ました♪
分かりやすい回答有り難う御座いました☆☆
Ads By Google
コメント(2)
#1. リー
2007-11-01 20:17:48
回答有り難う御座います☆
早速やってみましたが
プルダウンの表示すらされません…(泣
200px;の所も大きくしてみたりしたんですが・・・
やり方としては
<div class="description"><$BlogDescription$></div><form style="padding:0px 0px 0 200px;">
<select onChange="JavaScript:location.href=this.value;return false;">
<option value="URL1">タイトル1</option>
<option value="URL2">タイトル2</option>
<option value="URL3">タイトル3</option>
</select>
</form>
</div>
<div id="blogcontainer">
これでいいんですよね・・・??
何か私のやり方がいけないんですかね・・??
#2. ★
2007-11-01 20:37:20




