• もっと見る

2014年02月09日

ライトグレー(両サイド)のカスタマイズ3 ブログタイトルに背景画像を設定

ブログタイトルと説明の背景に画像を設定、こんな例もありますよ。

110_10.png 110_08.png



1.タイトル背景に使用する画像をアップロード
 ※横幅は940ピクセルで作成すること

2.「スキンサイドバー>デザイン一覧」でタイトル背景に画像を設定したいものをクリックして編集画面を開く

3.背景画像についてスタイルシートに記述する
※ ここでは1で「title.jpg」という高さ横940ピクセル、縦180ピクセルの画像をアップロードしたとする。
<変更前>

#banner{
padding:30px 5px 20px 5px;
text-align:left;
}

<変更後> ※赤字の行を追加。

#banner{
padding:30px 5px 20px 5px;
text-align:left;
background-image: url("https://blog.canpan.info/○○○/img/title.jpg"); /* タイトル背景画像 */
height:180px;
}

<追加ポイント>
○○○は自分のブログアカウント(CANPANマニアの場合URLは「https://blog.canpan.info/77iro/」なので○○○に77iroといれる)
title.jpgは、各自のアップロードした画像ファイル名に変更
180は、各自のアップロードした画像ファイルの高さに変更

4.「スタイルシートを変更する」ボタンを押す
完成です!
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
トラックバックの受付は終了しました
※ブログオーナーが承認したトラックバックのみ表示されます。

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