SIRIUSシリウスの見出しの背景画像を変える方法
見出しボックスの背景画像を変えていきたいのは、CSSをいじる必要はありません。画像を差し替えるだけでOKです。
ただし、微調整するときはCSSをいじる必要があります。
h3の見出しの背景画像を変えたい場合は、『h3.jpg』という画像ファイルを用意して、SIRIUS操作画面から画像を追加して上書きすればOKです。
h4の見出しの背景画像を変えたい場合は、『h4.jpg』という画像ファイルを用意して、SIRIUS操作画面から画像を追加して上書きすればOKです。
h5の見出しの背景画像を変えたい場合は、『h5.jpg』という画像ファイルを用意して、SIRIUS操作画面から画像を追加して上書きすればOKです。
h6の見出しの背景画像を変えたい場合は、『h6.jpg』という画像ファイルを用意して、SIRIUS操作画面から画像を追加して上書きすればOKです。
背景画像を指定するCSSのタグ
背景画像を指定するCSSのタグは
background-image: url(./img/画像ファイルの名前);です。
h3の場合：
#main h2, #main h3, .blog .title {
font-size: 16px;
line-height: 30px;
background-position: left top;
margin-bottom: 5px;
margin-top: 5px;
color: #FFF;
padding-left: 35px;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
background-color: #333;
background-image: url(./img/h3.jpg); ←この部分です
background-repeat: no-repeat; ← リピートさせず1つの画像だけを表示するという意味
}
微調整したいときはSIRIUSシリウスの見出しの余白を調整する方法ご参考してください。
関連ページ
- SIRIUSシリウスの見出しの余白を調整する方法
- SIRIUSシリウスの見出しの余白を調整する方法について説明します。
- SIRIUSシリウスの見出しフォントが大きくする方法
- SIRIUSシリウスの見出しフォントが大きくする方法について説明します。
- SIRIUSでサイドバーメニューの文字を中央寄せにする
- SIRIUSでサイドバーメニュー見出しの文字を中央寄せにする 方法について説明します。
- SIRIUSでトップメニューの文字をカスタマイズする
- SIRIUSでトップメニューの文字をカスタマイズする方法について説明します。
- SIRIUSでサイドバーの背景を消す方法
- SIRIUSでサイドバーの背景を消す方法について説明します。
- SIRIUSでトップメニューのカスタマイズ方法
- SIRIUSでトップメニューのカスタマイズ方法について説明します。
- SIRIUSシリウスでサイトの行間と段落を広げる方法
- SIRIUSシリウスでサイトの行間と段落を広げる方法について説明します。
