解決済

clip!clip!
Ads By Google

トップ画像の下にプルダウンメニュー等

トップ画像の下に
プルダウンメニュー等を
付ける方法が分かりません。。。
【下記に添付してある画像の様な
トップ画の下にプルダウンメニュー等】
出来ればこのデザインで
プルダウンを付けたいんですが・・・・
livedoor PICS image


色々調べて分かったのが

スタイルシート

【 #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を大きくすると下に下がります。
うまくいったら個別記事ページ・カテゴリアーカイブ・月別アーカイブにも同様の場所に貼り付けてみてください。 

何回か探ってやってみたら
無事出来ました♪
分かりやすい回答有り難う御座いました☆☆

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

出来ました?場所の微調整とか問題点があったら、また聞いてください。再構築は 全てのページ でやるといいですよ。

livedoor PICS image

トラックバック(2)

トラックバックURL: