お蔵入り
サイドメニューの背景を変えたい。
サイドメニューの背景色を変えるカスタマイズをしたいのですがうまくいきません。HTML形式でおこないたいのですが方法を教えて下さい。
2006-03-07 10:30の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答(2)
1.
2006-03-07 15:20:12

htmlで背景といえば、テーブルタグ設定するのが一般的なので紹介します。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート(CSS)」の右隣、「トップページ」を選びます。
プラグインと書いてある周辺を見つけて修正していきます。
修正前の例)
<!--プラグインA(左)ここから-->
<div id="left">
~省略~
<!--プラグインA(左)ここまで-->
<br clear="all">
</div><!-- End of wrapper-->
修正後の例)
<table cellpadding=0 cellspacing=0 border=0 background="http://image.livedoor.com/img/logo_new/knowledge.g...;
<tr>
<td>
<!--プラグインA(左)ここから-->
<div id="left">
~省略~
<!--プラグインA(左)ここまで-->
<br clear="all">
</div><!-- End of wrapper-->
</td>
</tr>
</table>
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「インデックス(トップの記事)」を選んで「ブログを再構築する」というボタンを押せば完了です。
他に、「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」がありますので、同じ要領で修正してください。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート(CSS)」の右隣、「トップページ」を選びます。
プラグインと書いてある周辺を見つけて修正していきます。
修正前の例)
<!--プラグインA(左)ここから-->
<div id="left">
~省略~
<!--プラグインA(左)ここまで-->
<br clear="all">
</div><!-- End of wrapper-->
修正後の例)
<table cellpadding=0 cellspacing=0 border=0 background="http://image.livedoor.com/img/logo_new/knowledge.g...;
<tr>
<td>
<!--プラグインA(左)ここから-->
<div id="left">
~省略~
<!--プラグインA(左)ここまで-->
<br clear="all">
</div><!-- End of wrapper-->
</td>
</tr>
</table>
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「インデックス(トップの記事)」を選んで「ブログを再構築する」というボタンを押せば完了です。
他に、「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」がありますので、同じ要領で修正してください。
2.
2006-03-07 15:22:38
ファイルのアップロードやurlの確認も大丈夫でしょうか。
投稿画面の左「ファイルのアップロード 」を選び、管理画面から「ファイルをアップロードする」を選ぶと、「ファイルのアップロード/管理」が出ます。「ファイルを選択」の右側にある「参照」ボタンで、保存した画像を呼び出します。タイトルは好きな名前を付けてください。
サムネイルは今回必要ありませんから、チェックを外しておくと良いでしょう。「選択したファイルをアップロードする」ボタンを押して、うまくいけば「ファイルのアップロードが完了しました。」と表示されます。
投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。「投稿する」ボタンを押します。
挿入された例)
<A href="http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...; target=_blank><IMG class=pict height=16 alt=test hspace=5 src="http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...; width=159 align=left border=0></A>
urlだけを取りだした例)
http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...
urlを抜き出してブラウザで確認できたら、回答1を参考に背景も設定してください。回答1の例ならば、「http://image.livedoor.com/img/logo_new/knowledge.g...」となっている部分を抜き出したurlに書き換えると良いです。
# 分からないところがあれば、コメント欄から教えてください。
投稿画面の左「ファイルのアップロード 」を選び、管理画面から「ファイルをアップロードする」を選ぶと、「ファイルのアップロード/管理」が出ます。「ファイルを選択」の右側にある「参照」ボタンで、保存した画像を呼び出します。タイトルは好きな名前を付けてください。
サムネイルは今回必要ありませんから、チェックを外しておくと良いでしょう。「選択したファイルをアップロードする」ボタンを押して、うまくいけば「ファイルのアップロードが完了しました。」と表示されます。
投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。「投稿する」ボタンを押します。
挿入された例)
<A href="http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...; target=_blank><IMG class=pict height=16 alt=test hspace=5 src="http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...; width=159 align=left border=0></A>
urlだけを取りだした例)
http://image.blog.livedoor.jp/testuser1/imgs/4/f/4...
urlを抜き出してブラウザで確認できたら、回答1を参考に背景も設定してください。回答1の例ならば、「http://image.livedoor.com/img/logo_new/knowledge.g...」となっている部分を抜き出したurlに書き換えると良いです。
# 分からないところがあれば、コメント欄から教えてください。
Ads By Google
コメント(3)
#1. 銀次郎
2006-03-07 18:24:09
少しむずかしそうですが朝鮮してみます。ありがとうございます。
#2. 銀次郎
2006-03-07 18:25:22
朝鮮じゃなく挑戦でした。
#3. 試験利用者
2006-03-08 04:28:17
はい! 頑張ってください。うまくいかないときは、また教えてください。

