2014　1220
シリウス素敵にカスタマイズ　ｈ３タグ背景

シリウスでデフォルト表示されるＨ3タグ背景はサイトカラーと同様で
綺麗といえば確かに綺麗なのですが　コンテンツによりいかがなものか？
変える必要もあっては良いのではないかと？

サイト背景と同じカラーで表示しなければならないということはありません

また　単一カラーばかりではなく　デザインを組み込むことも可能です

テキストは別に挿入されますので画像のみ変更すれば
良い形　好みの形に変えることが出来るのですね

シリウステンプレートフォルダのingからファイル呼び出しています

おすすめの手順は

画像を右クリックで　次の画面より編集ペイントへ移動しますので

ペイント機能で編集すると便利です

デフォルトではいまいちデザインの矢印マークがございますが
ペイント機能で重ね編集すれば消し去ることが出来ます

編集後は上書き保存で終了します

変更後のスタイルを確認すると矢印マークのあった位置がそのまま
空きスペースになっていますね

空きスペースに違和感がある場合は　詰めることもできます　
こちらサイトで解説をしておりますのでご確認ください
シリウスｈ３見出しのフォント位置のずらしカスタマイズ

もう一つのＣＳＳ指定方法

画像フォルダを変更したくない場合
単一カラーでならスタイルシートからでも変更はできます

カラーコードのみの変更ですので面倒はございません

スタイルシートを開きます

#main h2,#main h3 {
font-size: 18px;
line-height: 26px;
background-repeat: no-repeat;
background-position: left top;
background-image: url(img/h3.jpg);
margin-bottom: 5px;
margin-top: 5px;
text-indent:20px;
padding-top: 6px;
padding-bottom: 6px;
color: #333333;
}

赤ラインの箇所を
color: #333333;の記載例になぞらえて好みのカラーコードに書き換えて下さい

スポンサーリンク

h３タグ背景を素敵にカスタマイズ
ホットでクールなテンプレート　サイトカスタマイズ
シリウスカスタマイズトップ