解決済
ブログの本文の一番下の部分に背景画像を入れたい
ブログの本文の一番下に背景画像を入れたいのですが、できますか？できるとしたら、ｽﾀｲﾙｼｰﾄのどの部分に入れればいいのでしょうか？
それから、ﾜﾀｼのｽﾀｲﾙｼｰﾄを見ても、ブログ本文の部分の幅がいくつなのかわかりません。他の部分も％で書いてあるようですが・・・。
本文の幅がわかると、画像をそのサイズに合わせられるのですが。
ページをｲﾝﾀｰﾈｯﾄｴｸｽﾌﾟﾛｰﾗｰのソース表示で見ると、幅は468と234とあるのですが、どちらがどの幅なのでしょうか？
わかりずらい質問ですみません。
回答(3)
3.
現在設定されているアドレスは、
で、これは、画像のアップや変更が完了したよ画面のアドレスです。
画像のアドレスは、画像の隣、右上に表示されているタイトルリンクを右クリックして、ＵＲＬ(ショートカット)のコピーという形でしてみて下さい。
＞ブログ全体の背景の斜めの細い線のﾎﾞｰﾀﾞｰが表示されるように変わっています。
こちらでは、ちょっと確認できませんでした。
ありがとうございました。画像をｸﾘｯｸして、URLをｺﾋﾟｰしていたのがダメだったんですね。なんでこんな長いURLなのかなー、と思ってました。
一応画像は表示されました！
なんか全体的に上のほうに詰まってる感じがしたので
bannerの高さを少し高くしてみました。
あとは、画像の幅をもう少し大きくするか、右下に配置するか、
すれば、ぴたっとおさまりそうです。
そこはどうにか、やってみようと思います。
画像ももうちょっとｱﾚﾝｼﾞしてみたいし・・。
ﾎﾝﾄにありがとうございました。
すごく丁寧でわかりやすい説明をしていただけて、感謝しております♪
1.
ブログ記事本文の所（真ん中の列）の幅は、390px です。
あと、マージン（左右に5pxづつ）が取られているので、実際には、もう少し小さくなります。
マージンの取り方は、ブラウザやブラウザのバージョンによっても多少異なりますので、380px よりやや小さめぐらいを基準に考えられるといいと思います。
そういうのが、面倒な場合は、
<img src="画像アドレス" style="width:100%" alt="画像の説明"/>
のようにスタイルで、横幅を表示幅一杯に設定すると伸縮してくれますので、
画像が大きかったりしても、記事幅に合わせることができます。
2.
ブログの本文の一番下に背景画像を入れたいのですが、できますか？ できるとしたら、ｽﾀｲﾙｼｰﾄのどの部分に入れればいいのでしょうか？例えば、
.main {
background:transparent url(画像アドレス) no-repeat center bottom;
}
とすれば、記事本文の一番下に背景画像を設定することができると思います。しかし、追記がある場合、個別記事で、中途半端な位置に表示されることになります。
追記がある場合に限って背景を.main から、.mainmore に変えるというようなことは、おそらく、スクリプトを使わないとできないと思います。
別の方法では、デザイン（スタイルシートだけでなく他のテンプレート）自体を変えてしまって、
.blogbody の内側でコメントを含まないようなdiv で囲いを作って、それに背景を設定する方法があります
すごく丁寧に教えてくださってありがとうございました。
ｺﾒﾝﾄのところにいくつか質問を書いたので、見ていただけますでしょうか？
コメント(5)
BLUEPIXYさんへ
まず、本文の幅の件、よーーくわかりました。
ありがとうございました。
次に本文下に画像を入れること。
やっぱりﾜﾀｼも思っていたのですが、ずれが生じますよね。
教えて頂いたことまでは、ﾜﾀｼにはちょっとむずかしそうです。
でも、いずれこの方法で挑戦したいと思います。
もうひとつ質問があるのですが、
タイトルの背景に画像を挿入しようと思って、ccsに
#bannar{background:url(画像のURL)no-repeat;
と入れて見たのですが、全然画像が表示されません。
最初に#fffと入っていたのでそれを消して入れました。
画像の幅は860で作ったのですが、サイズ的には問題ありませんか？高さは大きすぎたら後から小さくしようと思ったので適当に作りました。
高さはどのくらいが妥当でしょうか？
背景を入れる場所が間違っていたら、正しい部分を教えていただけますか？よろしくお願いいたします。
>>#1
こちらで、みたところでは、設定がされていないようです。
「変更」し、「反映」（旧画面の場合）はされていますか？
#1 を見ての注意としては、
url(画像のURL)
の閉じ括弧の後ろには半角スペースを入れて下さい。
修正して書き込みしているのであれば大丈夫かと思いますが、
#bannar ではなく、#banner ですので、注意下さい。
＞高さはどのくらいが妥当でしょうか？
現在の領域としては、(横幅)８７８×(高さ)２２５です。
参考にして下さい。
>>#2
ごめんなさい、反映されないから、もとに戻したんです。
bannerはﾜﾀｼがｺﾒﾝﾄのところでｽﾍﾟﾙを間違えただけで、ｃｃｓでは
書いてあったものの後に画像のURLを付け加えました。
でも半角ｽﾍﾟｰｽは入れてませんでした。
以上をふまえて、ちょっとやってみます。画像の高さの件もありがとうございました。
もしできなかったら、またｺﾒﾝﾄしてもいいですか？
お忙しいところ、おつきあい頂きまして、本当にありがとうございます。
>>#2
今やってみましたが、やっぱり、表示されません。
そのままの状態にしてありますので、一度みていただけますでしょうか？
よく見てみたら、画像を挿入したら、ﾀｲﾄﾙの背景が以前は白だったのが、ブログ全体の背景の斜めの細い線のﾎﾞｰﾀﾞｰが表示されるように変わっています。
なぜでしょうか？
うまくいって良かったデス。
素敵な画像ですね。
