กรุณาเลือก แสดงผลรูปแบบอุปกรณ์พกพา | แสดงผลรูปแบบคอมพิวเตอร์

Discuz.in.th ดิสคัสอินไทย

 ลืมรหัสผ่าน  ลงทะเบียน
ค้นหา
แท็กยอดนิยม: Discuz! X3.4 ภาษาไทย ห้องแชท
ดู: 73|ตอบกลับ: 0

วิธีเปลี่ยนรูปแบบ Scroll Bar ด้วย CSS

[คัดลอกลิงก์]

334

กระทู้

400

โพสต์

36

เครดิต

ผู้ดูแลพิเศษ

Rank: 8Rank: 8

เครดิต
36
โพสต์เมื่อ 2020-8-27 14:09:45 | ดูโพสต์ทั้งหมด |โหมดอ่าน
แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2020-8-27 14:11

วิธีเปลี่ยนรูปแบบ Scroll Bar ด้วย CSS
ตัวอย่าง


วิธีทำ
ไปที่จัดการระบบ AdminCP -> ทั่วไป -> ตั้งค่า SEO -> อื่นๆ
ตรงข้อมูลส่วนหัวอื่น ๆ:
ให้นำโค้ดนี้ไปใส่ในช่องสี่เหลี่ยม


  1. <style type="text/css">
  2. ::-webkit-scrollbar {
  3.     width: 12px;
  4. }

  5. ::-webkit-scrollbar-track {
  6.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  7.     -webkit-border-radius: 10px;
  8.     border-radius: 10px;
  9. }

  10. ::-webkit-scrollbar-thumb {
  11.     -webkit-border-radius: 10px;
  12.     border-radius: 10px;
  13.     background: rgba(255,255,0,0.8);
  14.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  15. }

  16. ::-webkit-scrollbar-thumb:window-inactive {
  17.         background: rgba(255,0,0,0.4);
  18. }
  19. </style>
คัดลอกไปที่คลิปบอร์ด

จากนั้นกดตกลงและลองรีเฟรซหน้าเว็บบอร์ดใหม่
สั่งเกตุตรง Scroll Bar ข้างๆจะเป็นสีเหลืองตามค่าที่ตั้งไว้

วิธีเปลี่ยนสี
ก่อนอื่นเข้าไปในเว็บและเลือกสี
  1. https://www.w3schools.com/colors/colors_picker.asp
คัดลอกไปที่คลิปบอร์ด

copyโค้ดสีที่เราเลือกในวงเล็บของ rgb ไว้ไปใช้


จากนั้นไปที่โค้ดที่พึ่งใส่และค้นหา
  1. background: rgba(255,255,0,0.8);
คัดลอกไปที่คลิปบอร์ด

copyโค้ดในวงเล็บของ rgbไปแทนที่
เช่นสีน้ำเงินจะเป็น
  1. background: rgba(0,0,255,0.8);
คัดลอกไปที่คลิปบอร์ด
ผลลัพธ์ที่ได้


ขอบคุณที่มาจากสมาชิก WindzTrumpet กระทู้เว็บดิสคัสไทยเดิม https://discuzthai.com/thread-40478-1-1.html

ขออภัย โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง เข้าสู่ระบบ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? ลงทะเบียน

x
คุณต้องเข้าสู่ระบบก่อนจึงจะสามารถตอบกลับโพสต์นี้ได้ เข้าสู่ระบบ | ลงทะเบียน

รายละเอียดเครดิต

ข้อความล้วน|อุปกรณ์พกพา|ประวัติการแบน|Discuz.in.th ดิสคัสอินไทย Hosted by Chaohost.com

GMT+7, 2020-9-29 17:40 , Processed in 0.098462 second(s), 21 queries .

Powered by Discuz! X3.4

Thai Rev , © 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้