แถบเลื่อนเป็นฟังก์ชันอเนกประสงค์ที่ทำให้การทำงานกับเว็บไซต์ต่างๆ สะดวกและรวดเร็วยิ่งขึ้น ในเวลาเดียวกัน เจ้าของไซต์ต้องการติดตั้งบนหน้าเว็บของตน ไม่เพียงแต่มีประโยชน์ แต่ยังรวมถึงส่วนเสริมที่สวยงามซึ่งตรงกับการออกแบบกับโทนสีโดยรวมของหน้า ในบทความนี้ เราจะแสดงวิธีการติดตั้งแถบเลื่อนสีบนเว็บไซต์ของคุณ มีหลายวิธีในการทำเช่นนี้ และหนึ่งในนั้นคือโค้ดสำเร็จรูปที่สามารถติดตั้งบนหน้าใดก็ได้ที่คุณต้องการเปลี่ยนแถบเลื่อน
คำแนะนำ
ขั้นตอนที่ 1
เลือกหน้าที่จะแก้ไขและคัดลอกโค้ด HTML ลงในแผ่นจดบันทึก
หลังแท็ก ให้วางโค้ด:
ร่างกาย {scrollbar-face-color: # 5997CA;
แถบเลื่อนเงาสี: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-สี: # 5997CA;
แถบเลื่อน-ดาร์กชาโดว์-สี: # 5997CA;
แถบเลื่อน-ติดตาม-สี: # F6F6F6;
แถบเลื่อนลูกศรสี: # F6F6F6; }
ขั้นตอนที่ 2
ในโค้ด ปรับค่าสีหน้าแต่ละพารามิเตอร์ตามที่คุณต้องการ: สีของแถบเลื่อน, สีของลูกศร, สีพื้นหลังของแถบเลื่อน, สีของเส้นขอบ, แถบคั่น, และอื่นๆ
นี่เป็นวิธีที่ง่ายที่สุด แต่นอกจากนั้นยังมีอีกวิธีหนึ่ง - บันทึกรหัสเดียวกันกับการตั้งค่าสีของแถบเลื่อนของคุณเป็นไฟล์ css และโหลดลงในหน้า ในการดำเนินการนี้ ให้เปิดโค้ดด้านบนโดยไม่มีแท็กในแผ่นจดบันทึก บันทึกไฟล์โค้ดและตั้งชื่อเป็น scroll.css จากนั้นอัปโหลดไปยังเซิร์ฟเวอร์ในตำแหน่งเดียวกับหน้าที่คุณต้องการเปลี่ยนแถบเลื่อน
ขั้นตอนที่ 3
หากคุณไม่ทราบตัวอักษรของสีใน HTML ให้ค้นหาตารางที่มีสัญลักษณ์เหล่านี้ในอินเทอร์เน็ต มันจะช่วยให้คุณเชื่อมโยงรหัสและสี และเลือกสีที่เหมาะสมสำหรับการออกแบบเว็บไซต์ของคุณ