Ads By Google
ヘッダーデザインの変更方法を教えてください。
全体のデザインは、今のままでいいのですが、ヘッダーのデザインだけを変更したいと思っております。ですが、その方法がわかりません。
「たぶんここを変更するんだろう」と、なんとなくわかるのですが、めちゃくちゃにしてしまって修復不可能になるのは避けたいので、誰か教えてください。
よろしくお願いします(>_<)
2006-03-08 16:34の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(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;
}
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。左上「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」ボタンを押せば完了です。
ヘッダーというのが、テンプレートデザイン中のヘッダー部分か、いわゆる一般的な上部を指し示したヘッダーなのかで変わります。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
ヘッダーというのが、スタイルシート上の指定を直接指しているということであれば、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さんのおっしゃるとおり、スタイルシートの原本をメモ帳などにコピペしておけば、もし失敗しても元の状態に戻しやすいです^^
スタイルシートの
#container{}内の
background:url(タイトル画像のアドレス) ←ここを、使用したい画像のアドレスに変更すればOKです
あとはmysteryさんのおっしゃるとおり、スタイルシートの原本をメモ帳などにコピペしておけば、もし失敗しても元の状態に戻しやすいです^^
Ads By Google
コメント(6)
#1. 試験利用者
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"というタグがないのですがどうすればいいでしょうか?(~_~;)他のところのを消せばいいんでしょうけど、どこを消せばいいのか…▲
#4. 試験利用者
2006-03-09 15:38:23
#5. 試験利用者
2006-03-09 15:46:33
ブログのurlを示して下さり、どこそこのどれを変えたいと書いて下さったら、ばっちりな回答ができそうです。今は、予想を書いているに過ぎません。
#6. 試験利用者
2006-03-10 13:48:46
うまくいったということのようです。ベスト回答もありがとうございます。




