Tip phpBB 3.1 : การเปลี่ยนสีhoverของแท็บ phpBB 3.1

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

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
pnut
PHP Super Member
PHP Super Member
โพสต์: 488
ลงทะเบียนเมื่อ: 08/08/2016 10:48 am

Tip phpBB 3.1 : การเปลี่ยนสีhoverของแท็บ phpBB 3.1

โพสต์ที่ยังไม่ได้อ่าน โดย pnut »

8O Tip phpBB 3.1 : การเปลี่ยนสี hover แท็บเมนูใน phpBB 3.1 8O
03.jpg
03.jpg (28.51 KiB) Viewed 772 times
1.การเปลี่ยนสี hover ของแท็บเมนู จะเปลี่ยนโดยให้ไปกำหนดในไฟล์ CSS ซึ่งไฟล์ของ phpBB อยู่ในในไฟล์ที่ชื่อว่า colours.css
01.jpg
01.jpg (44.79 KiB) Viewed 772 times
2.โดยกำหนดที่แท็ก #tabs .tab > a:hover แล้วทำการเปลี่ยนโค้ดสีที่ต้องการเปลี่ยน โดยทำการเปลี่ยนที่ background

โค้ด: เลือกทั้งหมด

#tabs .tab > a:hover {
	background: #0F83E9; /*สี hover ของแท็บเมนู*/
	color: #FFF; /*สีข้อความของแท็บขณะ hover*/
}
3.เมื่อทำการเปลี่ยนสี hover ที่ต้องการแล้ว จะได้ผลลัพธ์ดังภาพ
04.jpg
04.jpg (22.2 KiB) Viewed 772 times
สามารถเรียนรู้เกี่ยวกับ CSS เพิ่มเติมได้ที่
บทเรียน CSS
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 42