Ads By Google
タイトルの背景に画像を挿入したいのですがどうやればいいのか分からないので教えて下さい。
タイトルの背景に画像を挿入する方法を教えて下さい。宜しくお願いします。
2006-10-01 13:58の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
1.
2006-10-01 18:17:54

1.タイトル画像をアップロードします。
2.CSSを書き換えます。
3.CSSを再構築します。
という手順になります。
まず投稿画面で、その画像を普段投稿するときのように画像を貼り付けます。
この時、画像アドレス表示されると思いますが、そのアドレスをテキストエディタなどにコピーしておいてください。
次にデザインの変更をする手順ですが、デザインを変更する手順でカスタマイズを選びます。
CSSにある「#bannerまたは#subbanner」という部分の{}内にあるbackground:urlの()内がTOP画像のアドレスですので、この部分に、うえでコピーしたその画像のアドレスを記述します。
例)
#banner,#subbanner{
width:770px;
height:157px;
text-align:left;
background:url(この部分にURLを貼り付ける) no-repeat 50% 0;
}
こんな感じです。幅と高さはwidth:とheight:の数字を調整します。
これで画像が貼り付けたことになります。
忘れずにその画面の下にある[設定を保存する]をクリックし、その後にトップページを再構築すると設定が反映されます。
2.CSSを書き換えます。
3.CSSを再構築します。
という手順になります。
まず投稿画面で、その画像を普段投稿するときのように画像を貼り付けます。
この時、画像アドレス表示されると思いますが、そのアドレスをテキストエディタなどにコピーしておいてください。
次にデザインの変更をする手順ですが、デザインを変更する手順でカスタマイズを選びます。
CSSにある「#bannerまたは#subbanner」という部分の{}内にあるbackground:urlの()内がTOP画像のアドレスですので、この部分に、うえでコピーしたその画像のアドレスを記述します。
例)
#banner,#subbanner{
width:770px;
height:157px;
text-align:left;
background:url(この部分にURLを貼り付ける) no-repeat 50% 0;
}
こんな感じです。幅と高さはwidth:とheight:の数字を調整します。
これで画像が貼り付けたことになります。
忘れずにその画面の下にある[設定を保存する]をクリックし、その後にトップページを再構築すると設定が反映されます。
とても分かりやすい回答有難うございました。
本当に助かりました。
あともう一つ教えて頂きたいのですが・・・タイトルの字を動かすにはどうしたらいいのですか?
宜しくお願いします。
2.
2006-10-01 18:22:36
現在使っているデザイン等、詳細情報が欲しい所ですが・・・
私の使っているデザインを元に説明します。
CSSファイルの以下の部分を修正。
widthは、幅。
heightは、高さ。
background:urlで画像を指定します。
#banner,#subbanner{
width:775px;
height:359px;
text-align:left;
margin:0 auto;
font-weight:normal;
background:url("画像のURL") no-repeat;
}
私の使っているデザインを元に説明します。
CSSファイルの以下の部分を修正。
widthは、幅。
heightは、高さ。
background:urlで画像を指定します。
#banner,#subbanner{
width:775px;
height:359px;
text-align:left;
margin:0 auto;
font-weight:normal;
background:url("画像のURL") no-repeat;
}
自信度 : 自信なし 回答レベル : 回答
Ads By Google
コメント(1)
#1. foissotté
2006-10-01 23:59:59
デザインの変更の手順でカスタマイズを選択し、CSS(スタイルシート)の画面にします。そこで以下の囲まれた部分の数値を大きくしたり、項目を追加すると消したり移動させたりできますので、落ち着いて行ってください。
例を示します。
■Blogタイトルを管理している
.blogtitle{
と
■Blogタイトルの下の説明文を管理している
.description{
の項目の中にある
text-align:left; ←テキストの位置
(left=規定値:左寄せ、right=右寄せ、center=センタリング、justify=両端揃え)
または
padding:40px 0 5px 20px;
↑Blogタイトル名内の余白(左から順に、上右下左)
数値を増減することで移動させることができます。数値をどれほどにすれば望みの場所にできるかはわかりませんので、ある程度変更したら保存して再構築しながらやってください。
display:none;
タイトルを消すことができます。




