เปลี่ยนสีไอคอนต่างๆ

เปลี่ยนสีไอคอนต่างๆมากมาย

โค้ด

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
a > .fa.fa-comment-o.fa-lg { /* สีไอคอนแชท */
color:green;
}
a > .fa.fa-gift.fa-lg { /* สีไอของขวัญ */
color:Pink;
}
a > .fa.fa-user-plus.fa-lg { /* สีไอคอนเพิ่มเป็นเพื่อน */
color:black!important;
}
a > .fa.fa-envelope-o.fa-lg { /* สีไอคอนข้อความ */
color:Brown;
}
a > .fa.fa-heart.fa-lg { /* สีไอคอนเพื่อนสนิท */
color:red;
}
/* ตรงนี้เป็นข้างบนแท็บ //Bar */
a > .fa.fa-comment { /* สีไอคอนห้องแชท */
color:white;
}
a > .fa.fa-user { /* สีไอคอนชื่อโปรไฟล์เรา */
color:red;
}
a > .fa.fa-star { /* สีไอคอนซุปตาร์  */
color:yellow;
}
a > .fa.fa-list-alt { /* สีไอคอนกระดานข่าว */
color:pink;
}
/* ตรงนี้หลังจากเอาเมาส์ไปวางบนไอคอน // ไอคอนจะใหญ่ขึ้น */
a:hover > .fa {
    -ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Safari 3-8 */
    transform: scale(1.3);
}
</style>
<style type="text/css">
/* ส่วนโค้ดตรงนี้เดี๋ยวเอารูปให้ดูครับ */
a[ng-click="showProfilePage()"] > .fa.fa-user.fa-lg {
color:white;
}
a[ng-click="addToChatList()"] > .fa.fa-comment.fa-lg {
color:white;
}
.profile-pop-list>li  >a[ng-click="addFavorite()"] > .fa.fa-user-plus.fa-lg {
color:white!important;
}
/* code by https://favoritehtml.blogspot.com/ */
</style>

ส่วนโค้ดข้างล่างคือที่เปลี่ยนสี UI ตรงนี้ครับ