Q:記事ページのタイトル部の背景に画像を表示したいのですが(CSS編集)

A:
記事ページのタイトル部の背景に画像を表示する場合は、CSS編集機能(上級者向け)をご利用ください。

CSS編集時の注意事項
  • CSSはトップ、月別、テーマ別、記事ページの全てに適用されます。

  • CSS編集内容によってはレイアウトが崩れる可能性があります。

  • 大幅に変更する場合は、変更前のCSSをメモ帳などに保存することをお勧めいたします。

  • 元に戻したい場合は [初期値をフォームに入力] を選択した後に [ 設定 ] ボタンを押してください。

  • デザインを大幅に変更する場合はデザインテンプレートの設定を、デザインジャンル[CSS編集用]、デザイン名称[CSS編集用(デザインなし)]に変更してください。


CSS編集手順
  1. ウェブリブログトップページ」より管理画面へログインしてください。

  2. ブログ項目の[設定]をクリックしてください。


  3. [オプション]をクリックしてください。


  4. CSS編集(上級者向け)項目の[設定画面へ]ボタンをクリックしてください。


  5. 以下のように入力欄を編集することで、背景に画像を表示することができます。

    ●背景画像を繰り返して表示する場合
    /*-------------------------------------------*/
    /*             記事ページ              */
    /*-------------------------------------------*/

    /*---------------- タイトル(小) ----------------*/
    #subbanner{
    background:url("タイトル画像のURL") repeat-x;
    }


    ●背景画像を繰り返さずに表示する場合

    ※タイトル領域の高さはheightスタイルで調整します。

    /*-------------------------------------------*/
    /*             記事ページ              */
    /*-------------------------------------------*/

    /*---------------- タイトル(小) ----------------*/
    #subbanner{
    background:url("タイトル画像のURL")no-repeat;
    height:100px;
    }


  6. 画面下側の[設定]ボタンをクリックしてください。


※CSS編集につきましては、「オリジナルデザインガイド」で一例をご案内しておりますが、個々の編集方法に関しましてはサポート対象外となっております。
市販の解説書をご参照いただくなど、お客様ご自身の責任においてご利用いただくか、ユーザ同士の助け合いの場「ウェブリ広場」をご活用ください。


ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 1

なるほど(納得、参考になった、ヘー)

この記事へのコメント


この記事へのトラックバック

「Q:記事ページのタイトルの背景に画像を表示させる方法は?(CSS編集)」について
Excerpt: 「Q:記事ページのタイトルの背景に画像を表示させる方法は?(CSS編集)」について
Weblog: チョ希望図@WebryBlog
Tracked: 2005-04-16 14:07

Q:ブログに画像を掲載する方法は?
Excerpt: Q:ブログに画像を掲載する方法は?
Weblog: 最新FAQブログ(ウェブリブログ事務局)
Tracked: 2006-08-25 21:00

ブログのタイトルの背景に画像を表示させる方法
Excerpt: 一時間程この記事を書いていたらいなりプラウザ強制終了したのでびっくりしました。
Weblog: 行住坐臥日記
Tracked: 2007-05-27 01:41

プロフィールのページのCSS編集メモ(苦言)
Excerpt: 「○○さんのプロフィール」というプロフィールのページは、ブログ本体と共通のCSSの設定を使っているので、ブログ本体を編集すると、プロフィールのページにも影響することがあります。
Weblog: KaRaKuRy
Tracked: 2008-02-19 13:30