คุณกำลัง login ด้วย [ เปลี่ยนชื่อ | ออกระบบ ]
 กระทู้ Top5 วันนี้ | นิยาย | ค้นหานิยาย | บอร์ดนักเขียน | บอร์ด AF | บอร์ด TheStar | ของที่ระลึก Dek-D | App อ่านนิยายบนมือถือ New! |
  นิยายรักหวานแหวว | นิยายรักเศร้าๆ | นิยายซึ้งกินใจ | นิยายแฟนตาซี | นิยายผจญภัย | เรื่องสบายๆคลายเครียด | แฟนฟิค | วรรณกรรมเยาวชน |
เข้าสู่ My.iD Control สมัครเป็นนักเขียนใหม่ | วิธีลงบทความ กฏเกณฑ์การใช้งาน | การควบคุมเรตติ้ง

Gather ★ Codes.

ตอนที่ 6 : Gather ★ Codes : สีสกอบาร์สำหรับ IE และ Chrome


     อัพเดท 22 มี.ค. 57
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/สิ่งของ intrend
Tags: รวมโค้ด My id, รวมโค้ดสำหรับบทความ, โค้ด, code
ผู้แต่ง : ดินสอ ' ทู่ ๆ ดูเน็ตเวิร์คอื่นๆ ของ ดินสอ ' ทู่ ๆ
My.iD: https://my.dek-d.com/akiko-reki
< Review/Vote > Rating : 97% [ 37 mem(s) ]
This month views : 3 Overall : 12,028
748 Comment(s), [ แฟนพันธุ์แท้ 831 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Gather ★ Codes. ตอนที่ 6 : Gather ★ Codes : สีสกอบาร์สำหรับ IE และ Chrome , ผู้เข้าชมตอนนี้ : 613 , โพส : 8 , Rating : 0% / 0 vote(s)

ขนาดตัวอักษร : เพิ่มขนาด | ลดขนาด




โค้ดนี้อาจจะได้เปรียบชาวบ้าน 555
เพราะบางคนอาจจะเปิด IE แล้วก็จะเจอสกอบาร์ที่เราแต่งไว้ (แบบหนาๆ นั่นแหละ)
แต่บางคนอาจจะเปิด Chrome ก็เจอสกอบาร์อีกแบบ (เล็กๆ น่ารัก)

ซึ่งสีเหมือนกันเพียงแค่หน้าตาต่างกัน
เรียกว่า ได้ 2 ต่อ! 555

 
 


 อธิบายซักนิดก็แล้วกัน เริ่มจากของ Chrome ก่อน มันง่ายดี 555 //เลวมาก

::-webkit-scrollbar {

width: 10px;  < ขนาดของสกอบาร์

background:#000000;} < สีพื้นของสกอบาร์

::-webkit-scrollbar-thumb {

background:#ed1c24; < สีตัวเลื่อนสกอบาร์

-webkit-border-radius: 2px; < ความโค้งกลม มนๆ บน-ล่าง ของตัวเลื่อนสกอบาร์

border:1px dashed #fbedbc;} < เส้นประรอบๆ ตัวเลื่อนสกอบาร์

 

 ต่อมาก็อธิบายสกอบาร์ IE

วิธีง่ายๆ จำแบบนี้ดีที่สุด ไม่ยากเลยจริงๆ ไม่งงด้วยแหละ พิสูจน์มาแล้ว!!

 

scrollbar-base-color: #FFFFFF;

scrollbar-arrow-color: #FFFFFF;

scrollbar-3dlight-color: #FFFFFF;

scrollbar-darkshadow-color: #FFFFFF;

scrollbar-face-color: #000000;

scrollbar-highlight-color: #FFFFFF;

scrollbar-shadow-color: #FFFFFF;

scrollbar-track-color: #000000;

 

สีดำกรอบปุ่มสกอบาร์ หัวสามเหลี่ยม (ขึ้น-ลง) กรอบตัวเลื่อนสกอบาร์ > จะแสดงผลเป็นสีขาว

สีแดงพื้นปุ่ม พื้นสกอบาร์ พื้นตัวเลื่อนสกอบาร์ > จะแสดงผลเป็นสีดำ


ลองดูตัวอย่างเอานะ ^^

 

มันเป็นวิธีง่ายๆ เรียกว่าลวกๆ น่ะ

 แต่ถ้าใครชอบตัวเลื่อนสกอบาร์เป็นอีกสีล่ะก็

 

scrollbar-base-color: #000000;

scrollbar-arrow-color: #000000;

scrollbar-3dlight-color: #000000;

scrollbar-darkshadow-color: #000000;

scrollbar-face-color: #ed1c24;

scrollbar-highlight-color: #FFFFFF;

scrollbar-shadow-color: #FFFFFF;

scrollbar-track-color: #000000;

 

สีดำปุ่มสามเหลี่ยม (ขึ้น-ลง) พื้นสกอบาร์

สีแดงพื้นตัวเลื่อนสกอบาร์

สีฟ้ากรอบรอบสกอบาร์ กรอบรอบปุ่มขึ้น-ลง

 

ลองดูตัวอย่างตามนี้นะจ๊ะ >< 

 



ขอเครดิตให้เรกิกันบ้างนะคะ TwT

Speacial BG : 
© Tenpoints!


Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Gather ★ Codes. ตอนที่ 6 : Gather ★ Codes : สีสกอบาร์สำหรับ IE และ Chrome , ผู้เข้าชมตอนนี้ : 613 , โพส : 8 , Rating : 0% / 0 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1
# 8 : ความคิดเห็นที่ 729
ขอบคุณนะค้าาา><
PS.  Why should I apologize for the monster I've become? No one ever apologized for making me this way.
Name : AyaseMoE < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ AyaseMoE [ IP : 125.24.0.232 ]
ส่งข้อความลับ
วันที่: 17 มิถุนายน 2559 / 17:18
# 7 : ความคิดเห็นที่ 478
ขอบคุณมากๆค่า /////
PS.  ┌แม้ฉันจะเกลียดเธอแค่ไหน ทำเป็นลืมเธอไปเท่าไหร่ ยังไงก็ไม่เคยลืมเธอเลยสักนาที┘
Name : HedekoSama < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ HedekoSama [ IP : 171.5.81.215 ]
ส่งข้อความลับ
วันที่: 26 มีนาคม 2557 / 14:48
# 6 : ความคิดเห็นที่ 391
ขอบคุณค้า (- /l -)
PS.  - มามะ ! แอดเป็นเพื่อนกันเถอะ =]
Name : {SunBright} บ า ไ ล ค์ ซี้ ! < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ {SunBright} บ า ไ ล ค์ ซี้ ! [ IP : 182.53.161.104 ]
ส่งข้อความลับ
วันที่: 10 มีนาคม 2557 / 09:43
# 5 : ความคิดเห็นที่ 297
ขอบคุณนะคะ ประโยชน์มากเลย
PS.  ...สิ่งที่เราไม่เข้าใจ ก็คือสิ่งที่เรามองข้ามมันไป...
Name : mina.mimi < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ mina.mimi [ IP : 171.99.73.137 ]
ส่งข้อความลับ
วันที่: 14 มกราคม 2557 / 21:24
# 4 : ความคิดเห็นที่ 268
ขอบคุณมากเลยนะคะ :)
PS.  ซารางฮาจา~ จะรักพวกนายตลอดไป อซฟ. >>>มึนเสมออ่ะคนนี้>>แทแท :3
Name : iced tea aha! < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ iced tea aha! [ IP : 125.25.20.13 ]
ส่งข้อความลับ
วันที่: 31 ธันวาคม 2556 / 11:57
# 3 : ความคิดเห็นที่ 213
Thank you >< ขอบคุณค่ะ
Name : Kyu Jiab < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Kyu Jiab [ IP : 111.84.98.133 ]
ส่งข้อความลับ
วันที่: 17 พฤศจิกายน 2556 / 21:54
# 2 : ความคิดเห็นที่ 17
ขอบคุณจ้า ♥
Name : ทูลีซันฮยอนวู. < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ทูลีซันฮยอนวู. [ IP : 171.97.0.29 ]
ส่งข้อความลับ
วันที่: 19 เมษายน 2556 / 21:09
# 1 : ความคิดเห็นที่ 13
ขอบคุณค่ะ ^^
PS.  โลกนี้ต้องเต็มไปด้วย Yaoi สิ! 8059 กับ all59 นี่แหละ สุดยอด!
Name : My name's Pokky < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ My name's Pokky [ IP : 171.99.73.53 ]
ส่งข้อความลับ
วันที่: 16 เมษายน 2556 / 19:48
หน้าที่ 1
Post your comment : แสดงความคิดเห็น
ส่วนที่ 1: Message ข้อความ

ส่วนที่ 2 : Name ลงชื่อ
  โพสความเห็นด้วย member Login name Password
  โพสความเห็นไม่แสดง member : ชื่อ* email รูปตัวแทน
            พิมพ์เลขที่เห็น

เธซเธ™เธฑเธ‡เธชเธทเธญเนƒเธซเธกเนˆเธ›เธฃเธฐเธˆเธณเน€เธ”เธทเธญเธ™เธžเธคเธฉเธ เธฒเธ„เธก 2561

ข้อตกลง & เงื่อนไขการใช้งาน

  • กรณีที่ผลงานชิ้นนี้เป็นผลงานที่แต่งโดยผู้ลงผลงานเอง ลิขสิทธิ์ของผลงานนี้จะ
    เป็นของผู้ลงผลงานโดยตรง ห้ามมิให้คัดลอก ทำซ้ำ เผยแพร่ ก่อนได้รับอนุญาต
    จากผู้ลงผลงาน

  • กรณีที่ผลงานชิ้นนี้กระทำการคัดลอก ทำซ้ำ มาจากผลงานของบุคคลอื่นๆ ผู้ลง
    ผลงานจะต้องทำการอ้างอิงอย่างเหมาะสม และต้องรับผิดชอบเรื่องการจัดการ
    ลิขสิทธิ์แต่เพียงผู้เดียว

  • ข้อความและรูปภาพที่ปรากฏอยู่ในผลงานที่ท่านเห็นอยู่นี้ เกิดจากการส่งเข้าระบบ
    โดยอัตโนมัติจากบุคคลทั่วไป ซึ่งเด็กดีดอทคอมมิได้มีส่วนร่วมรู้เห็น ตรวจสอบ
    หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้ใดพบเห็นการลงผลงานละเมิดลิขสิทธิ์ หรือ
    ไม่เหมาะสมโปรดแจ้งผู้ดูแลระบบเพื่อดำเนินการทันที
    Email: contact(at)dek-d.com ( ทุกวัน 24 ชม ) หรือ
    Tel: 0-2860-1142 ( จ-ศ 0900-1800 )

App อ่านนิยายบน iPad iPhone และ Android