解決済

clip!clip!
Ads By Google

オリジナルのヘッダ画像の作り方

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

2008-12-09 23:10の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

3.

2008-12-11 04:20:17ベスト
CSSの編集画面で
/** 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.

2008-12-10 10:28:35ベター
↓ CSSのこの部分に画像を入れる。

background:url(入れる画像のURL )

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

2.

2008-12-10 11:39:17ベター
backgroundは択山あるので
headerの
 banner .area {
 background-image: url(画像URL); ← ここ

 height:規定サイズpx;
 width: 規定サイズpx; 
ここの規定サイズで画像を作り ↑ に貼る。

ありがとうございます。
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */

table#header {
font-size: 75%;
}をみたのですが、bannerというのが見つかりません。探すところがちがうのでしょうか?もしご存知なら教えて頂けますでしょうか。よろしくお願いします。

Ads By Google

コメント(3)

#1.  HS
2008-12-10 14:33:24

デザインによって命令文が違ったり、background: urlの指定が無かったりします。

使用中のデザイン名を書くと回答がつくかも^^

#3.  qb
2008-12-11 03:44:49

HSさん、ありがとうございます。使用中のデザインはシンプルのデフォルト2008(桃2カラム)http://blog.livedoor.com/design_demo/default_2008_...です。もしごぞんじでしたらお願いします。

#4.  HS
2008-12-11 13:44:50

無事に変更出来て良かったです^^

BEST有難う御座います m(_ _)m

トラックバック(2)

トラックバックURL: