Ads By Google
TOPページの背景画面オリジナル
TOPページの背景を自分のもっている画像に変更したいのですがやり方がよくわかりません↓↓変更したい部分はページの上の部分だけなのですがどうやればよいのでしょうか??
カラムから下の部分は今のままでいいのですが。。。よろしくおねがいします。。。
2006-03-06 01:39の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
2.
2006-03-06 02:00:19

次に、ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
テンプレートが分からないのですが、おおむね、banner部分を入れ替えることになると思います。以下の要領で、まずは先ほど抽出した画像urlを書き入れて、背景画像を差し替えます。
修正前の例)
#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;
}
修正後の例)
#banner,#subbanner{
width:813px;
height:382px;
text-align:left;
margin:0 auto;
background:url(画像のurl) no-repeat;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
ブログを見て、背景画像が変わっていれば正解です。しかし、テンプレートのデザインによって異なる部分も多いので、試行錯誤が何度も必要だろうと思います。
# テンプレート名かブログのurlを示して下さったら、もう少し詳しく書けそうです。
テンプレートが分からないのですが、おおむね、banner部分を入れ替えることになると思います。以下の要領で、まずは先ほど抽出した画像urlを書き入れて、背景画像を差し替えます。
修正前の例)
#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;
}
修正後の例)
#banner,#subbanner{
width:813px;
height:382px;
text-align:left;
margin:0 auto;
background:url(画像のurl) no-repeat;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
ブログを見て、背景画像が変わっていれば正解です。しかし、テンプレートのデザインによって異なる部分も多いので、試行錯誤が何度も必要だろうと思います。
# テンプレート名かブログのurlを示して下さったら、もう少し詳しく書けそうです。
1.
2006-03-06 01:59:33
単純に画像を入れ替えたいというときは、スタイルシートで自分のアップロードした画像を読み込むように指定します。
先に使いたいファイルをアップロードしておきます。投稿画面の左「ファイルのアップロード 」を選び、管理画面から「ファイルをアップロードする」を選ぶと、「ファイルのアップロード/管理」が出ます。「ファイルを選択」の右側にある「参照」ボタンで、保存した画像を呼び出します。タイトルは好きな名前を付けてください。サムネイルは今回は不要です。「選択したファイルをアップロードする」ボタンを押して、うまくいけば「ファイルのアップロードが完了しました。」と表示されます。
投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。「投稿する」ボタンを押します。挿入されたものの中から、画像のurlだけをコピーしてください。
挿入された例)
<A href=" ; target=_blank><IMG class=pict height=16 alt=test hspace=5 src=" ; width=159 align=left border=0></A>
urlだけを取りだした例)
...続く。
先に使いたいファイルをアップロードしておきます。投稿画面の左「ファイルのアップロード 」を選び、管理画面から「ファイルをアップロードする」を選ぶと、「ファイルのアップロード/管理」が出ます。「ファイルを選択」の右側にある「参照」ボタンで、保存した画像を呼び出します。タイトルは好きな名前を付けてください。サムネイルは今回は不要です。「選択したファイルをアップロードする」ボタンを押して、うまくいけば「ファイルのアップロードが完了しました。」と表示されます。
投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。「投稿する」ボタンを押します。挿入されたものの中から、画像のurlだけをコピーしてください。
挿入された例)
<A href=" ; target=_blank><IMG class=pict height=16 alt=test hspace=5 src=" ; width=159 align=left border=0></A>
urlだけを取りだした例)
...続く。
Ads By Google
コメント(4)
urlはhttp://blog.livedoor.jp/ropesu_wg/?blog_id=1581704です一度画像設定してみましたがサイズがすごくちいさくなりました↓ちゃんと横と縦の幅は適度な大きさに設定されているんですが反映されません↓
#2. 試験利用者
2006-03-06 18:47:27
見てみますね。
http://knowledge.livedoor.com/2037
質問は分けない方が良いと思います。
#3. 試験利用者
2006-03-06 18:48:13
一応、返事は新しい質問の方へ入れることにします。
#4. 試験利用者
2006-03-11 22:21:56
うまくいったということのようです。ベスト回答もありがとうございます。





