知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

ヘッダーデザインの変更方法を教えてください。

全体のデザインは、今のままでいいのですが、
ヘッダーのデザインだけを変更したいと思っております。ですが、その方法がわかりません。
「たぶんここを変更するんだろう」と、なんとなくわかるのですが、めちゃくちゃにしてしまって修復不可能になるのは避けたいので、誰か教えてください。
よろしくお願いします(>_<)

2006-03-08 16:34の質問
教えて  デザイン  
デザイン
デザイン の情報はこちらです
www.span.ne.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

3.

2006-03-09 15:45:32ベスト
 スタイルシートを修正もしくは追加します。

 ヘッダーというのが、テンプレートデザイン中のヘッダー部分か、いわゆる一般的な上部を指し示したヘッダーなのかで変わります。

 ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。

 ヘッダーというのが、スタイルシート上の指定を直接指しているということであれば、headerを修正します。urlの指定を新しい画像と入れ替えます。

修正箇所の例)
#header{
background:url(http://parts.blog.livedoor.jp/img/usr/lineage01/livedoor.jpg) repeat-x;
}

 また、一般的なヘッダーを指した言葉、上部の部分を変えたいというものである場合、下記の例の画像を見てください。リネージュというテンプレートのヘッダー部分、背景ですが、入れ替えたい部分を指しているようでしたら、banner部分を修正します。

例)


修正箇所の例)
#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;
}

 終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」ボタンを押せば完了です。

1.

2006-03-08 16:37:05
ブログですか? それならデザインのカスタマイズでできます。
なんとなくわかっているのなら原本をコピペしておいてからやればあとで修復できますよ

2.

2006-03-08 18:51:21
おそらく基本的なことはわかっていらっしゃる方だと判断して、簡単に説明します

スタイルシートの
#container{}内の
background:url(タイトル画像のアドレス) ←ここを、使用したい画像のアドレスに変更すればOKです

あとはmysteryさんのおっしゃるとおり、スタイルシートの原本をメモ帳などにコピペしておけば、もし失敗しても元の状態に戻しやすいです^^
Ads By Google

コメント(6)

2006-03-08 22:28:41

文字の大きさや色のことではないんですよね。

#2.  SV
2006-03-09 02:20:10

試験利用者さん
その可能性があることに、初めて気づきました・・^^;

#3.  candy_300
2006-03-09 10:39:34

回答ありがとうございます。スタイルシートの"container"のところに"background:url"というタグがないのですがどうすればいいでしょうか?(~_~;)他のところのを消せばいいんでしょうけど、どこを消せばいいのか…▲

2006-03-09 15:38:23

>>#2 いや、書いてみるのは遠慮しないでおこうと思いまして。でも、キャンディさん曰く、間違ってはいないようですね。画像を変更ということのようです。

2006-03-09 15:46:33

ブログのurlを示して下さり、どこそこのどれを変えたいと書いて下さったら、ばっちりな回答ができそうです。今は、予想を書いているに過ぎません。

2006-03-10 13:48:46

うまくいったということのようです。ベスト回答もありがとうございます。

トラックバック(2)

トラックバックURL: