ブログタイトルの背景に画像を設定する@Favilla

2008年07月03日 01:10

★対象テンプレート:Favilla

スタイルシートのカスタマイズから、
/*────────────────────────────────────────
■ ヘッダー部の設定
タイトル・ブログの紹介を含む部分の設定です。
────────────────────────────────────────*/

#header {
padding : 140px 0;
width : 40%;
float : right;
}
.header-container {
width : 100%;
overflow : hidden;
text-align : center;
}
#title h1 {
margin : 0;
padding : 0 0.3em 1px;
border-bottom : 1px solid #333;
font-size : 130%;
font-weight : bold;
}
の部分を次の記述で置き換えてください。
#header {
padding : 0 0 140px;
width : 40%;
float : right;
}
.header-container {
width : 100%;
overflow : hidden;
text-align : center;
}
#title h1 {
margin : 0;
padding : 140px 0.3em 1px;
border-bottom : 1px solid #333;
background-image : url("画像のurl");
background-repeat : no-repeat;
background-position : left top;
font-size : 130%;
font-weight : bold;
}
さらに、このなかの、
    background-image : url("画像のurl");
background-repeat : no-repeat;
background-position : left top;

という部分を使いたい画像にあわせて適宜変更してください。


コメント

  1. ふんわりさん | URL | mQop/nM.

    Re: ブログタイトルの背景に画像を設定する@Favilla

    たびたびすいません
    コメント欄に、URLの次にS044/7pEだったり違う文字だったりが表示されますが
    これは何ですか。

  2. rimse | URL | -

    それはコメントのなりすましを防ぐために付けられるIDです。パスワードが入力してあると表示されるはずです。

    それと、申し訳ないのですがテンプレートに関する質問などはお使いのテンプレート用のエントリーがそれぞれ用意されていますので、そちらにコメントしていただくと幸いです(そのほうが、他の人も情報を参照しやすいので…)。

コメントの投稿

(コメント編集・削除に必要)
(管理者にだけ表示を許可する)

トラックバック

この記事のトラックバックURL
http://rimse.blog73.fc2.com/tb.php/62-58169024
この記事へのトラックバック


Recent Entries