解決済
ヘッダーが張り替えられるテンプレートの種類
質問させて下さい。なるべくシンプルなテンプレートを使って、自分用のブログをカスタマイズしたく研究しています。
やっとTOPのヘッダーを張り替えるところまで行き、過去の質問と回答を見てヘッダーを張り替えることに成功しましたが、現在のやり方だと、ヘッダーにデザインされた画像が埋め込まれているタイプのテンプレート（いわゆるイラストものや多少デザインされているもの）しかいじれません。
ただ、自分が一番使いたいテンプレートはかなりシンプルで、指定の画像が白一色の本当に小さい画像の連続性でヘッダーが作られているため、サイズが分かりません。
このような場合、どうすれば良いのでしょうか？
参考までに、自分のブログのURLです。
出来れば！シンプルの中の３カラム、スタンダードを使って、ヘッダー部分にオリジナル画像をはめ込む方法をどなたか教えて下さい。
どうぞ宜しくお願いいたします。
2007-03-02 02:50の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2007-03-02 18:54:56
ヘッダー（ブログタイトル部分）にはめ込む画像のサイズは
現在お使いのデザインでは横775px、縦150～200pxぐらいが適当だと思います。
やり方は、スタイルシート(CSS)を開いて以下の部分を編集します。
mannendoco_life
現在お使いのデザインでは横775px、縦150～200pxぐらいが適当だと思います。
やり方は、スタイルシート(CSS)を開いて以下の部分を編集します。
#banner{
background:#fff;
border:solid #9599aa;
border-width:1px 1px 0;
margin:0 auto;
text-align:left;
clear:both;
}
「background:#fff;」の部分を以下のように書き換えます。background:#fff url('はめ込みたい画像のURL') no-repeat 50% 0;
保存してスタイルシートを再構築すれば一丁上がりです。mannendoco_life
自信度 : 自信なし 回答レベル : 回答
お礼を下のコメントのところに書いてしまいました！すみません。教えて頂いて大変助かりました。ありがとうございます！
Ads By Google
コメント(4)
#1. momo_t3
2007-03-03 02:09:36
＞万年床生活者さま
ありがとうございます！早速やってみました！
http://blog.livedoor.jp/momo_t3/
200pxでやってみたら、イラストの上の部分しか表示されなかったのですが、これは150pxくらいでやった方が良いという事ですよね？
いやぁ～凄く助かりました！
これがやりたかったんですーっ！
イラストも選び直して、楽しいブログになるようやってみます！ありがとうございました。
#2. 万年床生活者
2007-03-03 02:54:49
ベター→ベストありがとうございます。
ブログのほう、確認させていただきました。
イラストの上の部分しか表示されなかったこれに対処するために回答を補足いたします。
さきほど編集されたスタイルシートの
background:#fff url('http://www.******/******.gif') no-repeat 50% 0;
この部分の真上（「#banner{」の真下）に以下を挿入して保存・再構築してみてください。width:100%; height:148px;現在はめ込んでいるイラストが途切れずに表示されるようになると思います。
#3. momo_t3
2007-03-05 01:26:18
＞万年床生活者さま
ありがとうございます！！！
blogの方にまで書き込み頂きまして、恐縮です。
しかもタイムリーな書き込みの内容でしたね（笑）
御陰さまで、早速やってみましたところ、無事表示されました！嬉しいですーっ。
livedoorテンプレートのエキスパートですね。
ま、また是非お世話にならせて下さい;;;
（早速アフェリエイトの張替方法とか分かっちゃったりしますか？）
#4. 万年床生活者
2007-03-05 12:01:44
