blog*citron

sbテンプレートの針ねずみシリーズ用素材です。
・フォントサイズ12px用の罫線
・フォントサイズ12px用の引用部分用罫線
・罫線なし用のハリーの壁紙×3色
の３パターンをご用意。コピペで使えるCSS付き。

▼カスタマイズの手順（共通）
1)必要な画像をDLして、FTPかアップロード機能でアップロード。
2)「▽CSSの書き換え箇所」に従ってテンプレートのCSSを編集する。画像のURLと書いてある部分は、1でアップロードした各画像のURLを入れて下さい。
3)保存して終了。再構築は不要です。

▼フォントサイズ12px罫線セット　(SAMPLE IMAGE)

左）12px用の罫線（記事:entry_body,entry_more用）
右）12px用の罫線（引用:blockquote用）

▽CSSの書き換え箇所
太字の部分をこの色の部分のように書き換えます。

div.entry_body{
margin:0px 7px 0px 7px;
padding:0px 0px 0px 3px;
color: #555;
font-size:10px;
→ font-size:12px;
line-height:17px;
→ line-height:20px;
background-image:url(罫線画像のURL);
}

div.entry_more{
margin:0px 7px 0px 7px;
padding:0px 0px 0px 3px;
color: #555;
font-size:10px;
→ font-size:12px;
line-height:17px;
→ line-height:20px;
background-image:url(罫線画像のURL);
}

blockquote{
margin:0px 5px 0px 5px;
padding:17px 2px 17px 5px;
→ padding:20px 2px 20px 5px;
color:#8B7765;
font-size:10px;
→ font-size:12px;
line-height:17px;
→ line-height:20px;
background-image:url(引用の罫線画像のURL);
}

▼罫線なし用の針ねずみの壁紙　(SAMPLE IMAGE)

▽CSSの書き換え
この色の部分のように書き換えます。

div.entry_body{
margin:0px 7px 0px 7px;
padding:0px 0px 0px 3px;
color: #555;
font-size:10px;
line-height:17px;
background-image:url(背景画像のURL);
background-position:right;
background-repeat: repeat-y;
}

div.entry_more{
margin:0px 7px 0px 7px;
padding:0px 0px 0px 3px;
color: #555;
font-size:10px;
line-height:17px;
background-image:url(背景画像のURL);
background-position:right;
background-repeat: repeat-y;
}

罫線なしなのでfont-size（文字サイズ）やline-height（行間）はご自由に。emや%の相対指定をされたい方はこちらがおすすめ。
見やすさとバランスを考えて、記事の右側に表示されるようにしていますが、
background-position:right;
background-repeat: repeat-y;
の２つを消せば、針ねずみの模様を記事全体の背景にすることもできます。