Ads By Google
日付の背景に画像を使いたい
テンプレートはシンプルの「Blueline」です。デフォルトでは背景が一色(青色っぽい)のですが、これに画像を使いたいのです。また、この背景の部分を大きくしたり、日付の表示をでかくしたりはできないのでしょうか。
よろしくお願いします。
2006-03-01 14:47の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-03-01 15:03:50

記事の日付部分にはすでに背景が設定されているので、自作したものに置き換えるということで良いようです。少しずつ変更して試行錯誤するようにしてください。
日付の背景url
先に使いたいファイルをアップロードしておきます。投稿画面の左に「ファイルのアップロード 」がありますので、画面の指示に従いファイルをアップロードします。投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。いったん本文へ挿入してみると、画像のurlが分かります。
urlの例)
自分のブログ名/...sample.gif
次に、ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。画像は「background」、高さは「height」、文字の大きさは「font-size」で指定します。
修正前)
.datebody{
background:url('http://image.blog.livedoor.com/img/usr/simple_line/blue_top.gif') repeat-x 0% 100%;
height:28px;
}
.date{
color:#fff;
font-size:12px;
font-weight:bold;
text-align:left;
padding:4px 0px 4px 10px;
}
修正後)
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
日付の背景url
先に使いたいファイルをアップロードしておきます。投稿画面の左に「ファイルのアップロード 」がありますので、画面の指示に従いファイルをアップロードします。投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。いったん本文へ挿入してみると、画像のurlが分かります。
urlの例)
自分のブログ名/...sample.gif
次に、ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。画像は「background」、高さは「height」、文字の大きさは「font-size」で指定します。
修正前)
.datebody{
background:url('http://image.blog.livedoor.com/img/usr/simple_line/blue_top.gif') repeat-x 0% 100%;
height:28px;
}
.date{
color:#fff;
font-size:12px;
font-weight:bold;
text-align:left;
padding:4px 0px 4px 10px;
}
修正後)
.datebody{
background:url('修正後の画像url') repeat-x 0% 100%;
height:48px;
}
.date{
color:#fff;
font-size:36px;
font-weight:bold;
text-align:left;
padding:4px 0px 4px 10px;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
Ads By Google
コメント(2)
すばやい対応ありがとうございます。
なんとか自分の思っていた通りのデザインにカスタマイズすることができました。
#2. 試験利用者
2006-03-01 20:25:59
うまくいったということのようで良かったです。ベスト回答もありがとうございます。





