アメーバブログのデザインをカスタマイズしてみた（文字などの設定）

先日、書いた、

アメーバブログのデザインをカスタマイズしてみた（背景画像の設定）

に引き続き、今度は、文字などの設定について紹介する。


メッセージを変更したいときは、

#message .contents　で設定する。

行間、文字サイズを指定したいときは、

line-height: 1.5;
font-size: 13px;

のように記述する。


記事のタイトルを変更したいときは、

.entry h3.title で設定する。

ちなみに、このサイトでは、左の線（ボーダー）、背景色、文字色を変更している。

border-left: 7px #A6D5F6 solid;
background-color:#F5F5F5;
color:#0c9bd3;


記事の中身を変更したいときは、

.entry .contents　で設定する。

読みやすくしたかったので、
フォントのサイズと行間をを指定。

font-size: 14px;
line-height: 1.8;


他の部分を変更したいときは、
ソースを見て、

<div id="△△">
<div class="○○">

の、△△、○○部分を探して設定すれば、
修正が可能だ。

ちなみに、id=のときは、

#△△

class="○○"のときは、

.○○　（※先頭は、ドット）

と表記される。


オリジナルブログに変更しよう！