オリジナルのヘッダ画像の作り方
初めてブログをはじめます。トップページのヘッダ画像をオリジナルのものにしたいのですが
CSSファイル内のでヘッダ画像のおいてあるURLが見つかりません。どのようにすればいいか、教えて頂けないでしょうか?
回答(3)
3.

/** 03. Title - ブログタイトルエリア */
の中身を全て削除して、
div.blog-title-outer {
background: url(好きな画像のアドレス) no-repeat;
margin-bottom: 15px;
}
h1#blog-title {
margin: 0;
padding: 35px 20px 0 30px;
font-size: 150%;
font-weight: bold;
text-align: left;
}
p#blog-description {
margin: 0;
padding: 10px 30px 35px;
line-height: 135%;
text-align: left;
}
に書き換えてみてください。
(画像のアドレスは御自由に)
(注意1) 単純に画像と置き換えると、画像と記事エリアがくっついてしまうので、
margin-bottom: 15px;
を追加してます。
要らなければ消してください。
(注意2) モニターの種類によって画像のサイズが可変するデザインですので、貼る画像には注意が必要かも^^;
閲覧者が使用しているモニターによっては、デザインが崩れます・・
現在のデザインを保存してからチャレンジしてみてください。
ありがとうございます!!!!!!無事解決しました!感謝感謝です!またよろしくお願いします!!!
1.

ありがとうございます。やってみます。
2.

headerの
banner .area {
background-image: url(画像URL); ← ここ
height:規定サイズpx;
width: 規定サイズpx;
ここの規定サイズで画像を作り ↑ に貼る。ありがとうございます。
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */
table#header {
font-size: 75%;
}をみたのですが、bannerというのが見つかりません。探すところがちがうのでしょうか?もしご存知なら教えて頂けますでしょうか。よろしくお願いします。
コメント(3)
デザインによって命令文が違ったり、background: urlの指定が無かったりします。
使用中のデザイン名を書くと回答がつくかも^^
HSさん、ありがとうございます。使用中のデザインはシンプルのデフォルト2008(桃2カラム)http://blog.livedoor.com/design_demo/default_2008_...です。もしごぞんじでしたらお願いします。
無事に変更出来て良かったです^^
BEST有難う御座います m(_ _)m




