โค้ดปรับแต่งปุ่มทักแชท ปุ่มเพิ่มเป็นเพื่อน ปุ่มของขวัญ ปุ่มข้อความ ปุ่มเพื่อนสนิท ให้ดูสวยไฮโซ มีสไตล์มากขึ้น

โค้ดปรับแต่งปุ่มทักแชท ปุ่มเพิ่มเป็นเพื่อน ปุ่มของขวัญ ปุ่มข้อความ ปุ่มเพื่อนสนิท ให้ดูสวยไฮโซ มีสไตล์มากขึ้น

ใน กุมภาพันธ์ 25, 2560

CODE ปรับแต่งปุ่มทักแชท ปุ่มเพิ่มเป็นเพื่อน ปุ่มของขวัญ ปุ่มข้อความ ปุ่มเพื่อนสนิทให้นำโค้ดนี้ไปไว้ใน html ของซอยแชทนะครับ

โค้ด :
สีน้ำเงิน

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:Blue;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#fff;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:Blue}</style>

สีแดง

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:red;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#fff;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:red;}</style>

ชมพู

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:#ffc0cb;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#000;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:#ffc0cb;}</style>

สีส้ม

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:Orange;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#000000;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:Orange;}</style>

สีเหลือง

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:#ff0;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#000000;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:#ff0;}</style>

สีดำ

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:black;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#ffffff;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:black;}</style>

สีเขียว

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:Green;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#ffffff;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:Green;}</style>

สีน้ำตาล

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:#a52a2a;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#ffffff;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:#a52a2a;}</style>

สีทอง

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:Gold;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#000000;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:Gold;}</style>

สีเทา

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:Grey;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#ffffff;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:Grey;}</style>

สีม่วง

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:Purple;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#ffffff;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:Purple;}</style>

สีฟ้า

<style type="text/css">
/* code by https://favoritehtml.blogspot.com/ */
.mobileHide div profile-menu [ng-click='showMyGifts()'],.mobileHide div profile-menu [ng-click='showNotifications()'],.mobileHide div profile-menu [ng-click='addFavorite()'],.mobileHide div profile-menu [ng-click='showHerGifts()'],.mobileHide div profile-menu [ng-click='showFavorites()'],.mobileHide div profile-menu [ng-click='addToChatList()'],.mobileHide div profile-menu [ngf-change='uploadFiles($files)']{background:#add8e6;font-family:Tahoma,Geneva,sans-serif;font-size:14px;padding:5px 10px;height:32px;color:#000000;font-weight:700;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);cursor:pointer;border-left:none;border-top:none;margin:10px 0}.mobileHide div profile-menu [ng-click='showMyGifts()']:hover,.mobileHide div profile-menu [ng-click='showNotifications()']:hover,.mobileHide div profile-menu [ng-click='addFavorite()']:hover,.mobileHide div profile-menu [ng-click='showHerGifts()']:hover,.mobileHide div profile-menu [ng-click='showFavorites()']:hover,.mobileHide div profile-menu [ng-click='addToChatList()']:hover,.mobileHide div profile-menu [ngf-change='uploadFiles($files)']:hover{background:#add8e6;}</style>

ความคิดเห็น