記事本体部分の設定を変える

【記事本体部分の設定を変える】
記事本体というのは
新規作成で書いた記事部分を指します。

記事本体部分の設定をするには
/*-----Content-----*/内の
/* Articles */にある

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
} 
この部分を追加・変更します。


【背景の設定】
＜記事の背景色を変える＞
記事部分の背景色を変える要素は

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
background:#------;
}
赤字の部分を記述して下さい。
＃------部分にお好みの数字
または色名(色の場合は＃不要)を指定ください
6ケタの数字については「色の設定について」の
項目をご覧ください。


＜記事に背景画像を挿入する＞
背景画像を挿入する場合は
アップロード済みのファイルをクリックします。
すると

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
background:url("/----------------") no-repeat;
}
という記述になります。
背景にする画像は透明度の高いものを
使った方が、文字が見えにくくならず便利です。
また、記事の長さによって画像が
一部しか出ないこともありますので
ご注意ください。


【記事の文字の設定】
＜記事の文字の色を変える＞
記事の文字色の基本色を設定します。
記事の文字色を変える要素は

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
color:#------;
}

ここに赤字部分を記述し
＃------部分にお好みの数字
または色名(色の場合は＃不要)を指定ください
6ケタの数字については「色の設定について」の
項目をご覧ください。


＜記事の文字の太さを変える＞
記事部分の文字の基本となる太さを設定します。
(個別設定される部分は除く)

設定方法は

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
font-weight:★;
}

ここに赤字部分を記述して下さい。
★＝100～900までの数(100単位)
400がnormal,700がbold
詳しくは記事「フォント１」をご覧ください。


＜記事の文字を斜体にする＞
記事部分の文字を全部斜体にします。
設定方法は

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
font-style:italic;
}
記事全部を斜体にすると見づらいだけなので
変えたい部分だけを変えた方がいいと思います。


＜記事のフォントの種類を変える＞
記事部分の文字を全部指定したフォントにします。
設定方法は

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
font-family:"使いたいフォント";
} 
ここに赤字部分を記述して下さい。

例
.articles-body {
line-height:1.6;
margin:0 0 20px 0;
font-family;"HGP平成明朝体W9";
}

(記事部分にフォントHGP平成明朝体W9";を適用)
フォント名が分からない時は
エクセルやワードからコピーして下さい。
（全角空白とか紛らわしいものがあるので
手打ちはやめた方がいいです。）

見る側のパソコンにインストールされていない
フォントは無視されますのでご注意ください。


＜記事の文字の大きさを変える＞
記事の文字を全部指定した大きさにします。
設定方法は

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
font-size:★;
}

ここに赤字部分を記述して下さい。
★＝
サイズを表す数値＋単位（mm,cm,in,pt.pc,em,ex,px)
または、larger,smaller,％
またはxx-large,x-large,large,medium,small,x-small,xx-small

あまり数値を大きくしますと
はみ出した部分が表示されないことも
ありますので、ご注意ください。


【記事に枠線をつける】
<記事に枠線をつける＞
記事の外枠に枠線をつけます。
設定方法は

.articles-body {
line-height:1.6;
margin:0 0 20px 0;
border:つけたい枠線のタイプ　色　太さ;
}

ここに赤字部分を記述して下さい。
なお、枠線のタイプ・色・太さの間には
半角スペースが入ります。
詳しいボーダーの種類については
記事「ボーダー1」「ボーダー2」を
ご覧ください。

タグ：ブログ カスタマイズ 記事 CSS so-net