{ Winter Code Room }

ตอนที่ 53 : [Ver.2] เปลี่ยนสีแถบ Toolbar ด้านบน - edit 19/1/2016

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 1,066
    จำนวนคนให้กำลังใจ : 1 ครั้ง
    19 ม.ค. 59

 

เปลี่ยนสีแถบ Toolbar ด้านบน
(ของบทความใหม่)

- Edit: 19/1/2016


โค้ดนี้จะเปลี่ยนสีแถบ toolbar ด้านบน
ตรงส่วนนี้ค่ะ (ดูตัวอย่างการใช้งานจริงได้ที่ >> Click)

v



**คำเตือน**
v
ข้อจำกัดของโค้ดเปลี่ยนสีแถบ toolbar
ก็คือ...
พื้นหลังรองห้ามเป็นรูปภาพ หรือห้ามเป็นพื้นหลังโปร่งใสนะคะ

ทั้งสี toolbar สี dropdown menu สีพื้นหลังรอง และสีพื้นหลังในส่วนเนื้อหา จะต้องเป็นสีเดียวกันเท่านั้น!
ไม่อย่างนั้นเละค่ะ เตือนไว้ก่อนน๊า

 

<style type="text/css">
/*เปลี่ยนสีแถบ toolbar ด้านบน v.2-Sakurai Winter*/
.toolbar-container {
    background: #โค้ดสี !important;
    box-shadow: inset 1px 0px 0px 0px #โค้ดสี !important;
    border-left: 1px solid #โค้ดสี !important;
}
.toolbar {
    background: #โค้ดสี !important;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.3),inset 0 0 1px 0 #โค้ดสี !important;
    text-shadow: none;
}
.toolbar-menu-item {
    box-shadow: none !important;
    border-right: none !important;
}
.toolbar-user-menu {
    box-shadow: none !important;
    border-left: none !important;
}
toolbar-wrap, .menu-main>a,#usermenu .user-main>a, .btn, .notifications .user-main>a {
    background-color: #โค้ดสี !important;
    border: none !important;
}
div>div>div>div>div {
    background-color: #โค้ดสี !important;
}
</style>

[โค้ดที่เกี่ยวข้อง >> เปลี่ยนสีพื้นหลัง dropdown menu]

**โค้ดตัวนี้จะไม่ใส่ลงใปในโค้ดรวมธีมพื้นฐาน (ตอนย่อยที่ 38) นะคะ ใส่เพิ่มเอาเองได้เลย**


 

ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 1 ครั้ง

391 ความคิดเห็น

  1. #371 あざらし (@ppuipink_9) (จากตอนที่ 53)
    วันที่ 25 มิถุนายน 2560 / 22:19
    ขอยืมน้า ขอบคุณค่าา
    #371
    0
  2. #367 จงภัสร์ (@Tipo) (จากตอนที่ 53)
    วันที่ 4 เมษายน 2560 / 20:18
    ขอยืมนะคะะ
    #367
    0
  3. #356 PEACH!! (@solaso7l7) (จากตอนที่ 53)
    วันที่ 9 พฤศจิกายน 2559 / 19:31
    ยืมใช้ฮัฟ thank you
    #356
    0
  4. #298 หมูมัมมี่ (@littlemummy) (จากตอนที่ 53)
    วันที่ 9 ธันวาคม 2558 / 16:33


    ฝากคำถามด้วยค่ะ
    ขอบคุณล่วงหน้าจ้า
    #298
    2
  5. #232 Mew Wararat Termsuk (@mewmymy) (จากตอนที่ 53)
    วันที่ 11 มีนาคม 2558 / 19:56
    ขอบคุรคะ
    #232
    0
  6. #228 luminaire (@superfatcat22) (จากตอนที่ 53)
    วันที่ 21 กุมภาพันธ์ 2558 / 16:47
    ขอบคุณมากค่าาขอเอาไปใช้น่ะค่ะ
    #228
    0
  7. วันที่ 17 พฤษภาคม 2557 / 15:24
    ขอบคุณค้าาา ^^
    #168
    0
  8. #147 อะริซัง (@arisan) (จากตอนที่ 53)
    วันที่ 26 เมษายน 2557 / 19:47
    ขอบคุณค่ะ ช่วยได้มากเลย ><
    #147
    0
  9. #129 อะเน่. (@nwpnay) (จากตอนที่ 53)
    วันที่ 21 เมษายน 2557 / 11:48
    ขอบคุณมากๆเลยค่า กำลังเครียดเลยว่าจะเปลี่ยนยังไง
    #129
    0
  10. #122 LICE′ (@girlmomo) (จากตอนที่ 53)
    วันที่ 19 เมษายน 2557 / 13:23
    ขอบคุณค่าา
    #122
    0
  11. #109 ?เครซี่เบบี๋? (@tonhomkaa) (จากตอนที่ 53)
    วันที่ 15 เมษายน 2557 / 21:53
    ขอบคุณจ้า
    #109
    0
  12. #100 MAMAE (@a-q-q) (จากตอนที่ 53)
    วันที่ 14 เมษายน 2557 / 19:53
    ย๊าาาาาาาาาาา เจอสักที!ขอบคุณมากค่ะ จุ๊ฟ
    #100
    0
  13. #86 มิสปาร์ค. (@ran-shinichi) (จากตอนที่ 53)
    วันที่ 12 เมษายน 2557 / 17:58
    ขอบคุณคะ
    #86
    0
  14. #82 maplesr. (@mpst21) (จากตอนที่ 53)
    วันที่ 11 เมษายน 2557 / 12:52
    ขอบคุณนะคะ ^__^
    #82
    0
  15. #79 nami2014 (@nami-sama) (จากตอนที่ 53)
    วันที่ 10 เมษายน 2557 / 22:51
    ยืมมมมมมม
    #79
    0
  16. #78 nami2014 (@nami-sama) (จากตอนที่ 53)
    วันที่ 10 เมษายน 2557 / 22:50
    ยืมมมมมมม
    #78
    0
  17. #72 pingแม่น้ำ (@pingpong200842) (จากตอนที่ 53)
    วันที่ 9 เมษายน 2557 / 21:50
    ขอบคุณนะคะ><
    #72
    0
  18. #70 [12GODs ll ZEUS] LOLI SS★ (@asusa-99) (จากตอนที่ 53)
    วันที่ 9 เมษายน 2557 / 20:20
    ขอบคุณค่ะ >__<
    #70
    0
  19. วันที่ 9 เมษายน 2557 / 18:30
    ขอบคุณจย้าา
    #68
    0
  20. #66 ShooterRock (@no_in) (จากตอนที่ 53)
    วันที่ 9 เมษายน 2557 / 16:14
    ขอบคุณมากค่า >w<//
    แต่ว่าถ้ามีแบบลบด้วย ก็เอามาให้ด้วยนะค่าา
    #66
    0
  21. #64 สตาร์'ลาละบาย (@starlullaby) (จากตอนที่ 53)
    วันที่ 9 เมษายน 2557 / 13:20
    แอร้ยยยยยยยยยยยยยยยยยยยยย
    //พยายามไม่มองโค้ด แล้วเดินออกจากบทความเงียบๆ ไปแกะเองT_T

    #64
    0