回答(2)
1.
画像は別途作りますが、用意したものを別途アップロードしなければなりません。ブログの投稿画面、左側にある「ファイルのアップロード」から行います。あらかじめ画像をアップロードしておくのですが、「ファイルをアップロードする」を選ぶと出てくる画面で「ファイルを選択」の右側にある「参照」ボタンを押して、自分のコンピュータにある画像を選びます。タイトルは適当に入力して、「選択したファイルをアップロードする」ボタンを押します。ファイルのアップロードが完了した旨、表示されれば成功です。
ブログの投稿画面へ戻り、本文入力欄の上にある、「B」、「I」、「U」と書いてある列の右側にある「IMG」というボタンを探して、押します。先ほどアップロードしたものが選び、「投稿する」ボタンを押します。本文入力欄にタグが入ったはずですから、urlだけ抜き取ります。
挿入されたタグの例)
<a href="http://image.blog.livedoor.jp/testuser1/imgs/6/a/6...;; target="_blank"><img src="http://image.blog.livedoor.jp/testuser1/imgs/6/a/6...;; width="159" height="187" border="0" alt="a2" hspace="5" class="pict" align="left" /></a>
抜き出した例)
http://image.blog.livedoor.jp/testuser1/imgs/6/a/6...
urlが分かれば、今度はスタイルシートを修正します。ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
修正前の例)
#banner,#subbanner{
width:722px;
height:209px;
text-align:left;
background:url('http://image.blog.livedoor.com/img/usr/sky_02/main.jpg') no-repeat;
}
修正後の例)
#banner,#subbanner{
width:722px;
height:209px;
text-align:left;
background:url('先ほど抜き出した画像のurl') no-repeat;
}
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
2.
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
まずは「#banner,#subbanner{」を探して以下のように修正してください。
修正後の例)
#banner,#subbanner{
width:722px;
height:209px;
text-align:left;
}
今度は一番下まで移動して、以下を追加します。
追加する例)
body{
background:url(http://www.geocities.jp/boon_matome/boon/tn-942.jpg) no-repeat;
}
後は、再度、保存した後に再構築します。
コメント(22)
どこかに、背景色の指定があるんだと思います。スタイルシートで変更すれば良いのですが、見に行った方が良いかもしれません。urlを教えてください。
>>#2
http://blog.livedoor.jp/warosmania/?blog_id=158502...
ＵＲＬはこちらになります、お願いします。
ちょっと見てみますね。
私の方で試した限りは大丈夫ですね。ブログの画像は入れ替わっていないままなのですが、いったん変えてみてくださいませんか。もしくは、変更予定の画像urlを示してみてください。
ただこちらはテスト用にやってみただけなので
今後別の画像にしようと考えているのですが
一応この画像がブログで表示されなかったので
何が原因だったのか知りたいです(^_^;)
見ました。ちょっと大きすぎますね。原因のヒントになりそうです。試してみて回答を入れます。
やはり画像の大きさなのでしょうかね(^_^;)
お願いします。
何となく分かってきました。まずは追加分です。
body{
background:url(http://www.geocities.jp/boon_matome/boon/tn-942.jpg) no-repeat;
}
次は、回答で示した「修正後の例」を下記に変更します。
#banner,#subbanner{
width:722px;
height:209px;
text-align:left;
}
私、最初は、すでにある画像の部分を差し替えるだけかと思っていましたが、どうやらそうではなくて、全体に敷き詰めたいということに気付きました。
すいません
この>>#10のところの追加分とはどうすればいんでしょうか？
あと>>#12のとこの全体に敷き詰めるとゆう部分も少し分かりませんでした(^_^;)
とりあえず画像の部分だけを差し変えたいのですが
分かりづらい表現でごめんなさい。ちょっと回答を書いてみようと思います。
そうですか、お願いします！
色々といじっていたらそれらしいトップ画像に変更できました
今まで色々とアドバイスありがとうございました！！
おお！ うまくいきましたか。良かったです。
ぬこさん、頑張ってらしたんですね。難しいこともあるんですが、分かり出すとおもしろいんで楽しんでください。私はコンピュータ好きなので、毎日にらめっこです。
おっと、ベスト回答も頂きありがとうございました。
