お蔵入り
トップページタイトル背景に画像をはりたい
デフォルトのデザインを使用してますがこのトップページのタイトルの背景に画像を張りたいのですがどのようにしたらよいのでしょうか？他のデザインでの背景画像の変更はできます。
回答(2)
1.
2.
の中身を
div.blog-title-outer {
background: #fffde4 url(http://parts.blog.livedoor.jp/img/usr/lineage01/main.jpg) no-repeat top;/* 背景画像：メイン */
text-align: left;
margin: 0 0 20px 0;
width:813px;
height:382px;
}
h1#blog-title {
margin: 0;
padding: 35px 30px 0;
font-size: 150%;
font-weight: bold;
}
p#blog-description {
margin: 0;
padding: 10px 30px 35px;
line-height: 135%;
}
とごっそり入れ替えてみてください。ひとまずありがとうございました
コメント(5)
#banner,#subbanner{
width:813px;
height:382px;
text-align:left;
margin:0 auto;
background:url(http://parts.blog.livedoor.jp/img/usr/lineage01/main.jpg) no-repeat;
}
このような感じで挿入することはわかるのですが。
デフォルトの場合、ＣＳＳにbanner,subbannerの設定がないのでその書き方を教えてください。
それと削除するものも。
ありがとうございます。
たしかに希望のようになりました。
ただ、画像をこのサイズにあわせてはりましたが空白ができました。
何いけないのでしょうか？
http://blog.livedoor.jp/johnnyaoshima/
div.blog-title-outer {
background: #fffde4 url(http://image.blog.livedoor.jp/johnnyaoshima/imgs/9...) no-repeat top;/* 背景画像：メイン */
text-align: left;
margin: 0 0 20px 0;
width:813px;
height:382px;
}
タイトル画像の下の空間のことであれば
margin: 0 0 20px 0;
の３番目の数字 20 を小さくしてみてください。
左右の空白？であれば、たまたま具体的な数字が出てたので利用しただけなので、実際の画像の大きさに合わせちゃえばいいんじゃないですか？
横幅が可変式だから、右の方が切れちゃう可能性はありますが
横 width:936px くらいにしてみるとか。
高さも好きな大きさにして数字を変更するだけです。
ありがとうございます。
あとFirefoxを利用すると背景画像が左によります。
おそらくＨＴＭＬが厳しいためにこのようなことが起こると聞きました。
センターに持っていく方法がありますでしょうか？
何度もすみません。よろしくお願いします。
デザインはサッカーにしたのですね。全体の幅が可変式でない方が簡単でいいです。
