step8:nice・コメント編

ついにカスタムスキンの作成方法【基本編】も最後の項目です

もう少しです、がんばりましょう!

スポンサーリンク

.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;

 

タイトルとURLをコピーしました