| ・ |
ドキュメントセンターを初めてご利用する方や運営方針についての基本的な姿勢をご覧になりたい方へ。
|
| ご利用の皆様から多く寄せられる質問にお答えしています。 |
|
| ・ |
ディーエーオフィスなどが利用する用語に関する解説を行います。
|
|
|
|
 | |
シンプル「Blueline」テンプレートで日付の背景に画像を使いたいのですが? |
記事の日付部分にはすでに背景が設定されているので、自作したものに置き換えるということで良いようです。少しずつ変更して試行錯誤するようにしてください。
日付の背景url
http://image.blog.livedoor.com/img/usr/simple_line/blue_top.gif
先に使いたいファイルをアップロードしておきます。投稿画面の左に「ファイルのアップロード 」がありますので、画面の指示に従いファイルをアップロードします。投稿画面に戻って、本文の上にあるたくさんのアイコンから「IMG」というアイコンをクリックすると、ファイルが選べるようになります。いったん本文へ挿入してみると、画像のurlが分かります。
urlの例)
http://image.blog.livedoor.jp/自分のブログ名/...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)」を選んで「ブログを再構築する」というボタンを押せば完了です。
|
| 文書番号 |
05962 |
| 日付 |
2006.03.03 |
| 参照数 |
190 |
|
