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

ตอบกระทู้


คำถามนี้ เพื่อป้องกันการส่งแบบอัตโนมัติจากสแปมบอท
รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[flash] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: Tip phpBB 3.1 : การเปลี่ยนสีhoverของแท็บ phpBB 3.1

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

โพสต์ โดย pnut » 19/10/2016 11:16 am

8O Tip phpBB 3.1 : การเปลี่ยนสี hover แท็บเมนูใน phpBB 3.1 8O
03.jpg
03.jpg (28.51 KiB) เปิดดู 265 ครั้ง

1.การเปลี่ยนสี hover ของแท็บเมนู จะเปลี่ยนโดยให้ไปกำหนดในไฟล์ CSS ซึ่งไฟล์ของ phpBB อยู่ในในไฟล์ที่ชื่อว่า colours.css
01.jpg
01.jpg (44.79 KiB) เปิดดู 265 ครั้ง

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) เปิดดู 265 ครั้ง


สามารถเรียนรู้เกี่ยวกับ CSS เพิ่มเติมได้ที่
บทเรียน CSS

ข้างบน