{ Winter Code Room }

ลำดับตอนที่ #35 : [Ver.2] เปลี่ยนสีไอคอน month view - ปุ่มแชร์ด้านบน - edit เพิ่ม 13/04/57 @11.24

edit เพิ่มเติม >> เพิ่มโค้ดเปลี่ยนสีเส้นขอบรอบปุ่มตอนเอาเมาส์ชี้ 13/04/57 @11.24

 

เปลี่ยนสีไอคอน
month views, comments, fanclub, ปุ่มแชร์ด้านบน
ของบทความใหม่

โค้ดตัวนี้จะเปลี่ยนสีปุ่มไอคอนด้านบนแบบนี้ค่ะ
v



(สีเดิมเป็นสีเทา ไรเตอร์เปลี่ยนเป็นดำ-ขาวโดยสีจะไล่จากล่างขึ้นบน
โค้ด 1 เป็นสีด้านล่าง โค้ด 2 เป็นสีด้านบน แบบในรูปค่ะ)
 

<style type="text/css">

/*เปลี่ยนสีไอคอน month view, comments, fanclub,ปุ่มแชร์ ด้านบน-Sakurai Winter*/

/*สีปุ่มเวลาปกติ*/

ul.box_facebook li .b_fb_like a {

background-image: linear-gradient(to top, #โค้ดสี1, #โค้ดสี2); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/

border: 1px solid #โค้ดสี; /*สีเส้นขอบรอบปุ่ม*/

}

/*เปลี่ยนสีปุ่มตอนเอาเมาส์ชี้*/

ul.box_facebook li .b_fb_like a:hover {

background-image: linear-gradient(to top , #โค้ดสี10px, #โค้ดสี2 100%); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/

}
border: 0px solid #โค้ดสี ; /*สีเส้นขอบรอบปุ่ม ถ้าต้องการให้ใส่ตัวเลขเพิ่มได้ แต่ถ้าไม่ต้องการให้เปลี่ยนเป็น 0 นะคะ*/

</style>