ついにカスタムスキンの作成方法【基本編】も最後の項目です
もう少しです、がんばりましょう!
.entry { をかえよう
はなゾウ先生
最後は、コメント・nice全体の設定をするよ
陸上部ぺんぺん
[nice][コメント]部分の背景色と文字色は/*—–Entry—–*/で設定されているんだよ
背景色・文字色を記事と同じにする場合
background: #f3f3f3; と color:#444444; を消しましょう
変更前 | 変更後 |
---|---|
/*—–Entry—–*/ .entry { margin-top:15px; background: #f3f3f3; padding:8px; color:#444444; } | /*—–Entry—–*/ .entry { margin-top:15px; padding:8px; } |
背景色をかえる場合
#f3f3f3を好きな色にかえましょう
参考 カラーチャート |
■background: #f3f3f3; → background: #000000;
変更前 | 変更後 |
---|---|
/*—–Entry—–*/ .entry { margin-top:15px; background: #f3f3f3; padding:8px; color:#444444; } | /*—–Entry—–*/ .entry { margin-top:15px; background: #000000; padding:8px; color:#444444; } |
文字色をかえる場合
#444444を好きな色にかえましょう
参考 カラーチャート |
■color: #444444; → color: #FFFFFF; に変えます。
変更前 | 変更後 |
---|---|
/*—–Entry—–*/ .entry { margin-top:15px; background: #f3f3f3; padding:8px; color:#444444; } | /*—–Entry—–*/ .entry { margin-top:15px; background: #f3f3f3; padding:8px; color:#FFFFFF; } |
余白をかえる場合
■margin-top:15px; と padding:8px; を消し
margin:10px 10px 10px 10px; と padding: 10px 10px 10px 10px; を入れる
/*—–Entry—–*/ .entry { margin-top:15px; background: #f3f3f3; padding:8px; color:#444444; margin-top:15px; padding:8px; } | /*—–Entry—–*/ .entry { margin-top:15px; background: #f3f3f3; padding:8px; color:#444444; margin:10px 10px 10px 10px; padding: 10px 10px 10px 10px; } |