ついにカスタムスキンの作成方法【基本編】も最後の項目です
もう少しです、がんばりましょう!
.entry { をかえよう
![はなゾウ先生](https://harbotsfield2nd.com/wp-content/uploads/2021/03/E4F4CE31-0ED4-4FE0-ADDB-1BE084C130E8-scaled-e1615106772973.jpeg)
はなゾウ先生
最後は、コメント・nice全体の設定をするよ
![陸上部ぺんぺん](https://harbotsfield2nd.com/wp-content/uploads/2021/03/B69B3073-BD62-44A7-86BB-F0528F0D3F32-768x1024-1.jpeg)
陸上部ぺんぺん
[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; } |